Named color · #DAF1E0
Green Brocade
Green Brocade is #DAF1E0: rgb(218 241 224), hsl(136 45% 90%), oklch(0.937 0.033 153.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Green Brocade color name →
#DAF1E0
oklch(0.937 0.033 153.7)
Color conversions
- HEX
- #daf1e0
- RGB
- rgb(218 241 224)
- HSL
- hsl(136 45% 90%)
- HWB
- hwb(136 85% 5%)
- OKLCH
- oklch(0.937 0.033 153.7)
- OKLab
- oklab(0.937 -0.03 0.015)
- CIE Lab
- lab(93.09 -10.17 5.54)
- LCH
- lch(93.09 11.58 151.4)
- CMYK
- cmyk(10% 0% 7% 5%)
Tints · Shades · Tones
Tints
- DEF2E3
- E1F4E6
- E5F5E9
- E9F7EC
- EDF8EF
- F0F9F3
- F4FBF6
- F8FCF9
- FBFEFC
Shades
- BDD2C3
- A2B3A6
- 87958A
- 6C7970
- 545D56
- 3C433E
- 252B27
- 111412
- 020302
Tones
- D1E5D6
- C7D9CC
- BECEC2
- B5C2B8
- ACB7AF
- A3ACA5
- 9AA19C
- 919692
- 898B89
Color harmonies
Complementary +180°
- DAF1E0
Green Brocade
- F9E2F3
≈ Pale Blossom
Analogous -30° +30°
- DAF1E0
Green Brocade
- E5EED6
≈ Translucent Vision
- D3F2EC
≈ Diminished Sky
Triadic +120° +240°
- DAF1E0
Green Brocade
- E3E9FF
≈ Glitter
- FFE3DC
≈ Lady Anne
Split-complementary +150° +210°
- DAF1E0
Green Brocade
- EEE5FD
≈ Holographic Lavender
- FFE1E7
≈ Pink Pleasure
Tetradic +90° +180° +270°
- DAF1E0
Green Brocade
- D8EDFF
≈ Hoarfrost
- F9E2F3
≈ Pale Blossom
- FBE6D4
≈ Warm Bread
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.63:1 · APCA Lc 95
Best text color: #000000
WCAG 17.63:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--green-brocade: #daf1e0;
--green-brocade-rgb: 218 241 224;
--green-brocade-oklch: oklch(0.937 0.033 153.7);
}
.element {
color: var(--green-brocade);
background-color: hsl(136 45% 90%);
border-color: oklch(0.937 0.033 153.7);
}Tailwind CSS v4
@theme {
--color-green-brocade: #daf1e0;
--color-green-brocade-50: #eef8f1;
--color-green-brocade-100: #e0ebe3;
--color-green-brocade-200: #cad9ce;
--color-green-brocade-300: #abbdb0;
--color-green-brocade-400: #90a495;
--color-green-brocade-500: #768d7c;
--color-green-brocade-600: #647769;
--color-green-brocade-700: #505f54;
--color-green-brocade-800: #3a463d;
--color-green-brocade-900: #28302a;
--color-green-brocade-950: #161d17;
}SCSS
$green-brocade: #daf1e0;
$green-brocade-rgb: 218, 241, 224;
$green-brocade-light: mix(#fff, $green-brocade, 20%);
$green-brocade-dark: mix(#000, $green-brocade, 20%);
.element {
color: $green-brocade;
box-shadow: 0 0 0 2px rgba($green-brocade, 0.35);
}