Cor nomeada · #E9DECF
Moderate White
Moderate White é #E9DECF: rgb(233 222 207), hsl(35 37% 86%), oklch(0.905 0.023 75.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Moderate White color name →
#E9DECF
oklch(0.905 0.023 75.8)
Conversões de cor
- HEX
- #e9decf
- RGB
- rgb(233 222 207)
- HSL
- hsl(35 37% 86%)
- HWB
- hwb(35 81% 9%)
- OKLCH
- oklch(0.905 0.023 75.8)
- OKLab
- oklab(0.905 0.006 0.023)
- CIE Lab
- lab(89.05 2.03 8.8)
- LCH
- lch(89.05 9.03 77)
- CMYK
- cmyk(0% 5% 11% 9%)
Tons claros · Sombras · Tons
Tons claros
- EBE1D4
- EDE5D9
- F0E8DD
- F2EBE2
- F4EEE7
- F6F2EC
- F8F5F0
- FBF8F5
- FDFCFA
Sombras
- CBC1B4
- ADA599
- 90897F
- 746F67
- 5A554F
- 413D38
- 292623
- 131210
- 030202
Tons
- DED4C7
- D3CABF
- C8C1B7
- BEB7AF
- B3AEA7
- A9A49F
- 9E9B97
- 94928F
- 8A8988
Harmonias de cor
Complementar +180°
- E9DECF
Moderate White
- D6E1F0
≈ Aquarelle Purple
Análoga -30° +30°
- E9DECF
Moderate White
- EEDBD3
≈ Blushing Bride
- E1E1CF
≈ Emerging Leaf
Tríade +120° +240°
- E9DECF
Moderate White
- CFE5E5
≈ Zircon Ice
- E6DBEB
≈ Princess Fairy Tale
Complementar dividida +150° +210°
- E9DECF
Moderate White
- D0E3EC
≈ Soft Cloud
- DEDEEF
≈ Artemis Silver
Tétrade +90° +180° +270°
- E9DECF
Moderate White
- D2E5DC
≈ Summer Breeze
- D6E1F0
≈ Aquarelle Purple
- ECDAE3
≈ Twinkled Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.81:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.81:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--moderate-white: #e9decf;
--moderate-white-rgb: 233 222 207;
--moderate-white-oklch: oklch(0.905 0.023 75.8);
}
.element {
color: var(--moderate-white);
background-color: hsl(35 37% 86%);
border-color: oklch(0.905 0.023 75.8);
}Tailwind CSS v4
@theme {
--color-moderate-white: #e9decf;
--color-moderate-white-50: #f9f4ee;
--color-moderate-white-100: #ece7df;
--color-moderate-white-200: #dad3c9;
--color-moderate-white-300: #beb6aa;
--color-moderate-white-400: #a79d8f;
--color-moderate-white-500: #8f8475;
--color-moderate-white-600: #797063;
--color-moderate-white-700: #615a4f;
--color-moderate-white-800: #47413a;
--color-moderate-white-900: #312d27;
--color-moderate-white-950: #1d1a16;
}SCSS
$moderate-white: #e9decf;
$moderate-white-rgb: 233, 222, 207;
$moderate-white-light: mix(#fff, $moderate-white, 20%);
$moderate-white-dark: mix(#000, $moderate-white, 20%);
.element {
color: $moderate-white;
box-shadow: 0 0 0 2px rgba($moderate-white, 0.35);
}