Cor nomeada · #EDE4CF
Water Chestnut
Water Chestnut é #EDE4CF: rgb(237 228 207), hsl(42 45% 87%), oklch(0.92 0.03 87.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Water Chestnut color name →
#EDE4CF
oklch(0.92 0.03 87.5)
Conversões de cor
- HEX
- #ede4cf
- RGB
- rgb(237 228 207)
- HSL
- hsl(42 45% 87%)
- HWB
- hwb(42 81% 7%)
- OKLCH
- oklch(0.92 0.03 87.5)
- OKLab
- oklab(0.92 0.001 0.03)
- CIE Lab
- lab(90.89 0.59 11.44)
- LCH
- lch(90.89 11.45 87.1)
- CMYK
- cmyk(0% 4% 13% 7%)
Tons claros · Sombras · Tons
Tons claros
- EFE7D4
- F1E9D9
- F2ECDD
- F4EFE2
- F6F1E7
- F8F4EC
- FAF7F1
- FBFAF5
- FDFCFA
Sombras
- CEC6B4
- B0A999
- 938D7F
- 777267
- 5C584F
- 423F38
- 2A2823
- 141210
- 030302
Tons
- E2DAC7
- D6CFBF
- CBC5B7
- C0BBAF
- B5B1A7
- AAA79F
- 9F9D97
- 95938F
- 8A8A88
Harmonias de cor
Complementar +180°
- EDE4CF
Water Chestnut
- DCE5F9
≈ Lavender Mist
Análoga -30° +30°
- EDE4CF
Water Chestnut
- F5E0D2
≈ Muffin Mix
- E3E8D2
≈ Pale Pistachio
Tríade +120° +240°
- EDE4CF
Water Chestnut
- CFEBEF
≈ Chalky Blue White
- F0DEEF
≈ Divine Dove
Complementar dividida +150° +210°
- EDE4CF
Water Chestnut
- D3E8F6
≈ Freezing Vapour
- E6E1F7
≈ Lavender Mist
Tétrade +90° +180° +270°
- EDE4CF
Water Chestnut
- D1ECE4
≈ Adriatic Mist
- DCE5F9
≈ Lavender Mist
- F6DDE5
≈ Ranunculus White
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.59:1 · APCA Lc 91
Melhor cor de texto: #000000
WCAG 16.59:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--water-chestnut: #ede4cf;
--water-chestnut-rgb: 237 228 207;
--water-chestnut-oklch: oklch(0.92 0.03 87.5);
}
.element {
color: var(--water-chestnut);
background-color: hsl(42 45% 87%);
border-color: oklch(0.92 0.03 87.5);
}Tailwind CSS v4
@theme {
--color-water-chestnut: #ede4cf;
--color-water-chestnut-50: #f8f5ec;
--color-water-chestnut-100: #ece8dd;
--color-water-chestnut-200: #d9d4c6;
--color-water-chestnut-300: #bdb7a7;
--color-water-chestnut-400: #a69e8b;
--color-water-chestnut-500: #8e8570;
--color-water-chestnut-600: #78715f;
--color-water-chestnut-700: #605a4c;
--color-water-chestnut-800: #474237;
--color-water-chestnut-900: #312d25;
--color-water-chestnut-950: #1d1a14;
}SCSS
$water-chestnut: #ede4cf;
$water-chestnut-rgb: 237, 228, 207;
$water-chestnut-light: mix(#fff, $water-chestnut, 20%);
$water-chestnut-dark: mix(#000, $water-chestnut, 20%);
.element {
color: $water-chestnut;
box-shadow: 0 0 0 2px rgba($water-chestnut, 0.35);
}