Màu có tên gần nhất · #68DBC6
#68DBC6
Màu có tên gần nhất: Jazzy Jade
#68DBC6 (rgb(104 219 198), hsl(169 61% 63%), oklch(0.819 0.11 179.8)) gần nhất với màu có tên Jazzy Jade. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#68DBC6
oklch(0.819 0.11 179.8)
Chuyển đổi màu
- HEX
- #68dbc6
- RGB
- rgb(104 219 198)
- HSL
- hsl(169 61% 63%)
- HWB
- hwb(169 41% 14%)
- OKLCH
- oklch(0.819 0.11 179.8)
- OKLab
- oklab(0.819 -0.11 0)
- CIE Lab
- lab(80.34 -38.06 -0.15)
- LCH
- lch(80.34 38.07 180.2)
- CMYK
- cmyk(53% 0% 10% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7BDFCC
- 8CE3D1
- 9CE6D7
- ACEADC
- BAEEE2
- C9F1E8
- D7F5EE
- E4F8F3
- F2FCF9
Sắc đậm
- 59BEAC
- 4BA292
- 3E877A
- 306D62
- 24544B
- 183C35
- 0C2621
- 04110E
- 000202
Sắc xám
- 6ED2BF
- 72C8B8
- 76BFB0
- 79B6A9
- 7CADA2
- 7DA49B
- 7F9B94
- 80928E
- 808987
Hòa sắc
Bổ túc +180°
- 68DBC6
Jazzy Jade
- FEA5C1
≈ Amélie’s Tutu
Tương đồng -30° +30°
- 68DBC6
Jazzy Jade
- 8FD89E
≈ Mother of Pearl Green
- 60D7EB
≈ Electric Lemonade
Bộ ba +120° +240°
- 68DBC6
Jazzy Jade
- CEB4FF
≈ Violet Heaven
- F8B379
≈ Market Melon
Bổ túc chia +150° +210°
- 68DBC6
Jazzy Jade
- ECAAE6
≈ Land of Dreams
- FFAB9D
≈ Pink Rose Bud
Bộ bốn +90° +180° +270°
- 68DBC6
Jazzy Jade
- ADC1FF
≈ Pastel Blue
- FEA5C1
≈ Amélie’s Tutu
- DFC16D
≈ Highlight Gold
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.67:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.53:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--jazzy-jade: #68dbc6;
--jazzy-jade-rgb: 104 219 198;
--jazzy-jade-oklch: oklch(0.819 0.11 179.8);
}
.element {
color: var(--jazzy-jade);
background-color: hsl(169 61% 63%);
border-color: oklch(0.819 0.11 179.8);
}Tailwind CSS v4
@theme {
--color-jazzy-jade: #68dbc6;
--color-jazzy-jade-50: #d4fff7;
--color-jazzy-jade-100: #c0f5ea;
--color-jazzy-jade-200: #9fe4d7;
--color-jazzy-jade-300: #73cabb;
--color-jazzy-jade-400: #45b3a1;
--color-jazzy-jade-500: #009d89;
--color-jazzy-jade-600: #008574;
--color-jazzy-jade-700: #006a5c;
--color-jazzy-jade-800: #004e42;
--color-jazzy-jade-900: #01372e;
--color-jazzy-jade-950: #00211a;
}SCSS
$jazzy-jade: #68dbc6;
$jazzy-jade-rgb: 104, 219, 198;
$jazzy-jade-light: mix(#fff, $jazzy-jade, 20%);
$jazzy-jade-dark: mix(#000, $jazzy-jade, 20%);
.element {
color: $jazzy-jade;
box-shadow: 0 0 0 2px rgba($jazzy-jade, 0.35);
}