Nearest named color · #00DBB9
#00DBB9
Nearest named color: Fake Jade
#00DBB9 (rgb(0 219 185), hsl(171 100% 43%), oklch(0.796 0.149 176)) is closest to the named color Fake Jade. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00DBB9
oklch(0.796 0.149 176)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 47DFC0
- 66E3C7
- 7FE7CE
- 95EBD5
- A8EEDC
- BBF2E3
- CDF5EA
- DEF9F1
- EFFCF8
Shades
- 00BEA0
- 00A289
- 008771
- 006D5B
- 005446
- 003C31
- 00261E
- 00110D
- 000202
Tones
- 34D2B3
- 48C9AD
- 56C0A8
- 61B6A2
- 69AD9C
- 70A496
- 759B91
- 7A928B
- 7D8986
Color harmonies
Complementary +180°
- 00DBB9
Fake Jade
- FF98BF
≈ Saira Red
Analogous -30° +30°
- 00DBB9
Fake Jade
- 78D681
≈ Electric Lettuce
- 00D5E7
≈ Thousand Sons Blue
Triadic +120° +240°
- 00DBB9
Fake Jade
- C3ADFF
≈ Purple Hepatica
- FFA460
≈ Peaches à la Crème
Split-complementary +150° +210°
- 00DBB9
Fake Jade
- ED99F0
≈ Diva Mecha
- FF9E95
≈ Peach Amber
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.77:1 · APCA Lc 32
Ag
AAAOn black
WCAG 11.83:1 · APCA Lc 71
Best text color: #000000
WCAG 11.83:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
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);
}