Named color · #92DBC4
Monet Vert
Monet Vert is #92DBC4: rgb(146 219 196), hsl(161 50% 72%), oklch(0.837 0.08 172.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Monet Vert color name →
#92DBC4
oklch(0.837 0.08 172.5)
Color conversions
- HEX
- #92dbc4
- RGB
- rgb(146 219 196)
- HSL
- hsl(161 50% 72%)
- HWB
- hwb(161 57% 14%)
- OKLCH
- oklch(0.837 0.08 172.5)
- OKLab
- oklab(0.837 -0.079 0.01)
- CIE Lab
- lab(82.12 -27.46 3.74)
- LCH
- lch(82.12 27.72 172.2)
- CMYK
- cmyk(33% 0% 11% 14%)
Tints · Shades · Tones
Tints
- 9EDFCA
- A9E2D0
- B4E6D5
- BFEADB
- CAEDE1
- D5F1E7
- E0F4ED
- EAF8F3
- F5FBF9
Shades
- 7EBEAA
- 6BA291
- 588778
- 466D61
- 35544A
- 253C35
- 162621
- 08110E
- 010202
Tones
- 91D2BD
- 90C8B6
- 8FBFAF
- 8DB6A8
- 8BADA1
- 89A49B
- 879B94
- 85928D
- 838987
Color harmonies
Complementary +180°
- 92DBC4
Monet Vert
- F4B4CE
≈ Fulgrim Pink
Analogous -30° +30°
- 92DBC4
Monet Vert
- ACD7A8
≈ Fizz
- 88D9E0
≈ VIC 20 Sky
Triadic +120° +240°
- 92DBC4
Monet Vert
- CAC0FA
≈ Lavender Tonic
- F4BC99
≈ Shrimp Boat
Split-complementary +150° +210°
- 92DBC4
Monet Vert
- E3B9E9
≈ Beefy Pink
- FAB5B2
≈ Precious Pink
Tetradic +90° +180° +270°
- 92DBC4
Monet Vert
- AECAFF
≈ Night Snow
- F4B4CE
≈ Fulgrim Pink
- E3C58D
≈ Clay Bake
Contrast & accessibility
Ag
FailOn white
WCAG 1.59:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.15:1 · APCA Lc 76
Best text color: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--monet-vert: #92dbc4;
--monet-vert-rgb: 146 219 196;
--monet-vert-oklch: oklch(0.837 0.08 172.5);
}
.element {
color: var(--monet-vert);
background-color: hsl(161 50% 72%);
border-color: oklch(0.837 0.08 172.5);
}Tailwind CSS v4
@theme {
--color-monet-vert: #92dbc4;
--color-monet-vert-50: #dffdf3;
--color-monet-vert-100: #cdf1e6;
--color-monet-vert-200: #b2e0d2;
--color-monet-vert-300: #8cc5b5;
--color-monet-vert-400: #6aae99;
--color-monet-vert-500: #469781;
--color-monet-vert-600: #3c806d;
--color-monet-vert-700: #306757;
--color-monet-vert-800: #224b3e;
--color-monet-vert-900: #17342b;
--color-monet-vert-950: #072018;
}SCSS
$monet-vert: #92dbc4;
$monet-vert-rgb: 146, 219, 196;
$monet-vert-light: mix(#fff, $monet-vert, 20%);
$monet-vert-dark: mix(#000, $monet-vert, 20%);
.element {
color: $monet-vert;
box-shadow: 0 0 0 2px rgba($monet-vert, 0.35);
}