Cor nomeada · #E9F3E1
Herb Garden
Herb Garden é #E9F3E1: rgb(233 243 225), hsl(93 43% 92%), oklch(0.952 0.026 130.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Herb Garden color name →
#E9F3E1
oklch(0.952 0.026 130.9)
Conversões de cor
- HEX
- #e9f3e1
- RGB
- rgb(233 243 225)
- HSL
- hsl(93 43% 92%)
- HWB
- hwb(93 88% 5%)
- OKLCH
- oklch(0.952 0.026 130.9)
- OKLab
- oklab(0.952 -0.017 0.02)
- CIE Lab
- lab(94.72 -5.79 7.51)
- LCH
- lch(94.72 9.48 127.7)
- CMYK
- cmyk(4% 0% 7% 5%)
Tons claros · Sombras · Tons
Tons claros
- EBF4E4
- EDF5E7
- F0F7EA
- F2F8ED
- F4F9F0
- F6FAF3
- F8FBF6
- FBFDF9
- FDFEFC
Sombras
- CBD3C4
- ADB4A7
- 90978B
- 747A70
- 5A5E56
- 41443E
- 292B27
- 131412
- 030302
Tons
- DEE7D7
- D3DBCD
- C8CFC3
- BEC3B9
- B3B8AF
- A9ACA6
- 9EA19C
- 949693
- 8A8B89
Harmonias de cor
Complementar +180°
- E9F3E1
Herb Garden
- F5EBFC
≈ Placebo Fuchsia
Análoga -30° +30°
- E9F3E1
Herb Garden
- F2F0DC
≈ Glisten Green
- E1F5E9
≈ Frozen Civilization
Tríade +120° +240°
- E9F3E1
Herb Garden
- E4F1FF
≈ Cotton Boll
- FFE9EB
≈ Pink Sparkle
Complementar dividida +150° +210°
- E9F3E1
Herb Garden
- ECEEFF
≈ Carte Blanche
- FCE9F4
≈ Dolomite Crystal
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.37:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--herb-garden: #e9f3e1;
--herb-garden-rgb: 233 243 225;
--herb-garden-oklch: oklch(0.952 0.026 130.9);
}
.element {
color: var(--herb-garden);
background-color: hsl(93 43% 92%);
border-color: oklch(0.952 0.026 130.9);
}Tailwind CSS v4
@theme {
--color-herb-garden: #e9f3e1;
--color-herb-garden-50: #f2f7ef;
--color-herb-garden-100: #e4eae1;
--color-herb-garden-200: #d0d7cc;
--color-herb-garden-300: #b2baad;
--color-herb-garden-400: #99a292;
--color-herb-garden-500: #808a78;
--color-herb-garden-600: #6d7566;
--color-herb-garden-700: #575d51;
--color-herb-garden-800: #40443b;
--color-herb-garden-900: #2c2f28;
--color-herb-garden-950: #191c16;
}SCSS
$herb-garden: #e9f3e1;
$herb-garden-rgb: 233, 243, 225;
$herb-garden-light: mix(#fff, $herb-garden, 20%);
$herb-garden-dark: mix(#000, $herb-garden, 20%);
.element {
color: $herb-garden;
box-shadow: 0 0 0 2px rgba($herb-garden, 0.35);
}