Named color · #EAF1E4
Green Glaze
Green Glaze is #EAF1E4: rgb(234 241 228), hsl(92 32% 92%), oklch(0.949 0.019 130.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Green Glaze color name →
#EAF1E4
oklch(0.949 0.019 130.2)
Color conversions
- HEX
- #eaf1e4
- RGB
- rgb(234 241 228)
- HSL
- hsl(92 32% 92%)
- HWB
- hwb(92 89% 5%)
- OKLCH
- oklch(0.949 0.019 130.2)
- OKLab
- oklab(0.949 -0.012 0.014)
- CIE Lab
- lab(94.34 -4.12 5.45)
- LCH
- lch(94.34 6.83 127.1)
- CMYK
- cmyk(3% 0% 5% 5%)
Tints · Shades · Tones
Tints
- ECF2E7
- EEF4E9
- F0F5EC
- F2F7EF
- F4F8F1
- F7F9F4
- F9FBF7
- FBFCFA
- FDFEFC
Shades
- CBD2C6
- AEB3A9
- 91958D
- 757972
- 5A5D58
- 41433F
- 292B28
- 131412
- 030303
Tones
- DFE5DA
- D4D9CF
- C9CEC5
- BEC2BB
- B4B7B1
- A9ACA7
- 9FA19D
- 949693
- 8A8B8A
Color harmonies
Complementary +180°
- EAF1E4
Green Glaze
- F2EBF8
≈ Perfume Haze
Analogous -30° +30°
- EAF1E4
Green Glaze
- F1EFE1
≈ Coconut Butter
- E4F2EA
≈ Bath Bubbles
Triadic +120° +240°
- EAF1E4
Green Glaze
- E5F0FB
≈ Cotton Boll
- FAE9EB
≈ Arrowhead White
Split-complementary +150° +210°
- EAF1E4
Green Glaze
- EBEDFB
≈ Brilliant White
- F8EAF2
≈ Snow Plum
Tetradic +90° +180° +270°
- EAF1E4
Green Glaze
- E1F2F7
≈ Diamond White
- F2EBF8
≈ Perfume Haze
- FAEAE5
≈ Parchment White
Contrast & accessibility
Ag
FailOn white
WCAG 1.15:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.20:1 · APCA Lc 97
Best text color: #000000
WCAG 18.20:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--green-glaze: #eaf1e4;
--green-glaze-rgb: 234 241 228;
--green-glaze-oklch: oklch(0.949 0.019 130.2);
}
.element {
color: var(--green-glaze);
background-color: hsl(92 32% 92%);
border-color: oklch(0.949 0.019 130.2);
}Tailwind CSS v4
@theme {
--color-green-glaze: #eaf1e4;
--color-green-glaze-50: #f3f6f1;
--color-green-glaze-100: #e5e9e3;
--color-green-glaze-200: #d1d6ce;
--color-green-glaze-300: #b4bab0;
--color-green-glaze-400: #9ba195;
--color-green-glaze-500: #82897c;
--color-green-glaze-600: #6e7469;
--color-green-glaze-700: #585d54;
--color-green-glaze-800: #40443d;
--color-green-glaze-900: #2c2f2a;
--color-green-glaze-950: #191b17;
}SCSS
$green-glaze: #eaf1e4;
$green-glaze-rgb: 234, 241, 228;
$green-glaze-light: mix(#fff, $green-glaze, 20%);
$green-glaze-dark: mix(#000, $green-glaze, 20%);
.element {
color: $green-glaze;
box-shadow: 0 0 0 2px rgba($green-glaze, 0.35);
}