Cor nomeada mais próxima · #E9E0D6
#E9E0D6
Cor nomeada mais próxima: Mountain Peak
#E9E0D6 (rgb(233 224 214), hsl(32 30% 88%), oklch(0.911 0.017 70.5)) é mais próxima da cor nomeada Mountain Peak. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E9E0D6
oklch(0.911 0.017 70.5)
Conversões de cor
- HEX
- #e9e0d6
- RGB
- rgb(233 224 214)
- HSL
- hsl(32 30% 88%)
- HWB
- hwb(32 84% 9%)
- OKLCH
- oklch(0.911 0.017 70.5)
- OKLab
- oklab(0.911 0.006 0.016)
- CIE Lab
- lab(89.69 1.91 6.06)
- LCH
- lch(89.69 6.36 72.5)
- CMYK
- cmyk(0% 4% 8% 9%)
Tons claros · Sombras · Tons
Tons claros
- EBE3DA
- EDE6DE
- F0E9E2
- F2ECE6
- F4EFEA
- F6F3EE
- F8F6F3
- FBF9F7
- FDFCFB
Sombras
- CBC3BA
- ADA69E
- 908A84
- 74706A
- 5A5652
- 413E3B
- 292725
- 131210
- 030202
Tons
- DED6CD
- D3CCC4
- C8C2BB
- BEB8B3
- B3AFAA
- A9A5A1
- 9E9C99
- 949291
- 8A8988
Harmonias de cor
Complementar +180°
- E9E0D6
Mountain Peak
- DAE3ED
≈ Iceberg
Análoga -30° +30°
- E9E0D6
Mountain Peak
- ECDED9
≈ Wishy-Washy Beige
- E4E2D6
≈ Large Wild Convolvulus
Tríade +120° +240°
- E9E0D6
Mountain Peak
- D6E5E4
≈ Fluffy Slippers
- E5DFEA
≈ Powdery Mist
Complementar dividida +150° +210°
- E9E0D6
Mountain Peak
- D6E4E9
≈ Dreamstress
- DFE1ED
≈ Blush Sky
Tétrade +90° +180° +270°
- E9E0D6
Mountain Peak
- D9E5DE
≈ Crystal Salt White
- DAE3ED
≈ Iceberg
- EADEE5
≈ Weak Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.09:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--mountain-peak: #e9e0d6;
--mountain-peak-rgb: 233 224 214;
--mountain-peak-oklch: oklch(0.911 0.017 70.5);
}
.element {
color: var(--mountain-peak);
background-color: hsl(32 30% 88%);
border-color: oklch(0.911 0.017 70.5);
}Tailwind CSS v4
@theme {
--color-mountain-peak: #e9e0d6;
--color-mountain-peak-50: #f8f4f0;
--color-mountain-peak-100: #ebe7e2;
--color-mountain-peak-200: #d9d3cd;
--color-mountain-peak-300: #bdb6ae;
--color-mountain-peak-400: #a59d94;
--color-mountain-peak-500: #8d857a;
--color-mountain-peak-600: #787068;
--color-mountain-peak-700: #605a53;
--color-mountain-peak-800: #46413c;
--color-mountain-peak-900: #312d29;
--color-mountain-peak-950: #1d1a17;
}SCSS
$mountain-peak: #e9e0d6;
$mountain-peak-rgb: 233, 224, 214;
$mountain-peak-light: mix(#fff, $mountain-peak, 20%);
$mountain-peak-dark: mix(#000, $mountain-peak, 20%);
.element {
color: $mountain-peak;
box-shadow: 0 0 0 2px rgba($mountain-peak, 0.35);
}