En yakın adlandırılmış renk · #00DBB9
#00DBB9
En yakın adlandırılmış renk: Fake Jade
#00DBB9 (rgb(0 219 185), hsl(171 100% 43%), oklch(0.796 0.149 176)) en çok Fake Jade adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00DBB9
oklch(0.796 0.149 176)
Renk dönüşümleri
- HEX
- #00dbb9
- RGB
- rgb(0 219 185)
- HSL
- hsl(171 100% 43%)
- HWB
- hwb(171 0% 14%)
- OKLCH
- oklch(0.796 0.149 176)
- OKLab
- oklab(0.796 -0.148 0.01)
- CIE Lab
- lab(78.3 -52.46 3.51)
- LCH
- lch(78.3 52.58 176.2)
- CMYK
- cmyk(100% 0% 16% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 47DFC0
- 66E3C7
- 7FE7CE
- 95EBD5
- A8EEDC
- BBF2E3
- CDF5EA
- DEF9F1
- EFFCF8
Koyu tonlar
- 00BEA0
- 00A289
- 008771
- 006D5B
- 005446
- 003C31
- 00261E
- 00110D
- 000202
Gri tonlar
- 34D2B3
- 48C9AD
- 56C0A8
- 61B6A2
- 69AD9C
- 70A496
- 759B91
- 7A928B
- 7D8986
Renk uyumları
Tamamlayıcı +180°
- 00DBB9
Fake Jade
- FF98BF
≈ Saira Red
Analog -30° +30°
- 00DBB9
Fake Jade
- 78D681
≈ Electric Lettuce
- 00D5E7
≈ Thousand Sons Blue
Üçlü +120° +240°
- 00DBB9
Fake Jade
- C3ADFF
≈ Purple Hepatica
- FFA460
≈ Peaches à la Crème
Bölünmüş tamamlayıcı +150° +210°
- 00DBB9
Fake Jade
- ED99F0
≈ Diva Mecha
- FF9E95
≈ Peach Amber
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.83:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.83:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--fake-jade: #00dbb9;
--fake-jade-rgb: 0 219 185;
--fake-jade-oklch: oklch(0.796 0.149 176);
}
.element {
color: var(--fake-jade);
background-color: hsl(171 100% 43%);
border-color: oklch(0.796 0.149 176);
}Tailwind CSS v4
@theme {
--color-fake-jade: #00dbb9;
--color-fake-jade-50: #c8fff5;
--color-fake-jade-100: #b2f9e8;
--color-fake-jade-200: #89e9d4;
--color-fake-jade-300: #4ed0b7;
--color-fake-jade-400: #00ba9b;
--color-fake-jade-500: #00a482;
--color-fake-jade-600: #008b6e;
--color-fake-jade-700: #006f58;
--color-fake-jade-800: #00523e;
--color-fake-jade-900: #00392b;
--color-fake-jade-950: #002318;
}SCSS
$fake-jade: #00dbb9;
$fake-jade-rgb: 0, 219, 185;
$fake-jade-light: mix(#fff, $fake-jade, 20%);
$fake-jade-dark: mix(#000, $fake-jade, 20%);
.element {
color: $fake-jade;
box-shadow: 0 0 0 2px rgba($fake-jade, 0.35);
}