Named color · #98D2D9
Maya Green
Maya Green is #98D2D9: rgb(152 210 217), hsl(186 46% 72%), oklch(0.826 0.06 205.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Maya Green color name →
#98D2D9
oklch(0.826 0.06 205.4)
Color conversions
- HEX
- #98d2d9
- RGB
- rgb(152 210 217)
- HSL
- hsl(186 46% 72%)
- HWB
- hwb(186 60% 15%)
- OKLCH
- oklch(0.826 0.06 205.4)
- OKLab
- oklab(0.826 -0.054 -0.026)
- CIE Lab
- lab(80.4 -18.05 -9.81)
- LCH
- lch(80.4 20.54 208.5)
- CMYK
- cmyk(30% 3% 0% 15%)
Tints · Shades · Tones
Tints
- A3D7DD
- ADDBE1
- B8E0E4
- C2E4E8
- CCE9EC
- D7EDF0
- E1F2F4
- EBF6F7
- F5FBFB
Shades
- 84B6BC
- 709BA1
- 5C8186
- 4A686C
- 385053
- 27393B
- 172425
- 081011
- 010202
Tones
- 96CAD0
- 94C1C7
- 92B9BD
- 90B1B4
- 8DA8AC
- 8BA0A3
- 88989A
- 869091
- 838889
Color harmonies
Complementary +180°
- 98D2D9
Maya Green
- EBB8B2
≈ Beauty Bush
Analogous -30° +30°
- 98D2D9
Maya Green
- 9DD4C4
≈ Aqua Glow
- A1CDE8
≈ Cielo
Triadic +120° +240°
- 98D2D9
Maya Green
- DBB9DC
≈ Romantic Morning
- D8C49A
≈ Natural Twine
Split-complementary +150° +210°
- 98D2D9
Maya Green
- E7B7C8
≈ Japanese Rose Garden
- E6BDA1
≈ Mollusca
Tetradic +90° +180° +270°
- 98D2D9
Maya Green
- C9BFEA
≈ Violet Gems
- EBB8B2
≈ Beauty Bush
- C4CB9F
≈ Dappled Daydream
Contrast & accessibility
Ag
FailOn white
WCAG 1.67:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.55:1 · APCA Lc 73
Best text color: #000000
WCAG 12.55:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--maya-green: #98d2d9;
--maya-green-rgb: 152 210 217;
--maya-green-oklch: oklch(0.826 0.06 205.4);
}
.element {
color: var(--maya-green);
background-color: hsl(186 46% 72%);
border-color: oklch(0.826 0.06 205.4);
}Tailwind CSS v4
@theme {
--color-maya-green: #98d2d9;
--color-maya-green-50: #e2fafe;
--color-maya-green-100: #d2eef2;
--color-maya-green-200: #b8dce1;
--color-maya-green-300: #94c1c7;
--color-maya-green-400: #73a9b0;
--color-maya-green-500: #539299;
--color-maya-green-600: #477b82;
--color-maya-green-700: #386368;
--color-maya-green-800: #28494c;
--color-maya-green-900: #1b3235;
--color-maya-green-950: #0b1e20;
}SCSS
$maya-green: #98d2d9;
$maya-green-rgb: 152, 210, 217;
$maya-green-light: mix(#fff, $maya-green, 20%);
$maya-green-dark: mix(#000, $maya-green, 20%);
.element {
color: $maya-green;
box-shadow: 0 0 0 2px rgba($maya-green, 0.35);
}