Cor nomeada mais próxima · #E9DDD3
#E9DDD3
Cor nomeada mais próxima: Dallas Dust
#E9DDD3 (rgb(233 221 211), hsl(27 33% 87%), oklch(0.904 0.019 62.4)) é mais próxima da cor nomeada Dallas Dust. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E9DDD3
oklch(0.904 0.019 62.4)
Conversões de cor
- HEX
- #e9ddd3
- RGB
- rgb(233 221 211)
- HSL
- hsl(27 33% 87%)
- HWB
- hwb(27 83% 9%)
- OKLCH
- oklch(0.904 0.019 62.4)
- OKLab
- oklab(0.904 0.009 0.017)
- CIE Lab
- lab(88.88 3 6.47)
- LCH
- lch(88.88 7.13 65.1)
- CMYK
- cmyk(0% 5% 9% 9%)
Tons claros · Sombras · Tons
Tons claros
- EBE0D7
- EDE4DC
- F0E7E0
- F2EBE4
- F4EEE9
- F6F1ED
- F8F5F2
- FBF8F6
- FDFCFB
Sombras
- CBC0B7
- ADA49C
- 908882
- 746E69
- 5A5551
- 413D3A
- 292624
- 131110
- 030202
Tons
- DED3CA
- D3CAC2
- C8C0B9
- BEB7B1
- B3ADA9
- A9A4A0
- 9E9B98
- 949290
- 8A8988
Harmonias de cor
Complementar +180°
- E9DDD3
Dallas Dust
- D5E1EB
≈ Pale Grey Blue
Análoga -30° +30°
- E9DDD3
Dallas Dust
- ECDBD8
≈ Cottingley Fairies
- E4DFD2
≈ Southern Breeze
Tríade +120° +240°
- E9DDD3
Dallas Dust
- D3E4E0
≈ Morning Breeze
- E2DDEA
≈ Rare Crystal
Complementar dividida +150° +210°
- E9DDD3
Dallas Dust
- D2E3E7
≈ Ski White
- DBDFEC
≈ Diluted Lilac
Tétrade +90° +180° +270°
- E9DDD3
Dallas Dust
- D7E3D9
≈ Eye of the Storm
- D5E1EB
≈ Pale Grey Blue
- E7DBE5
≈ Spangle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.74:1 · APCA Lc 87
Melhor cor de texto: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--dallas-dust: #e9ddd3;
--dallas-dust-rgb: 233 221 211;
--dallas-dust-oklch: oklch(0.904 0.019 62.4);
}
.element {
color: var(--dallas-dust);
background-color: hsl(27 33% 87%);
border-color: oklch(0.904 0.019 62.4);
}Tailwind CSS v4
@theme {
--color-dallas-dust: #e9ddd3;
--color-dallas-dust-50: #f9f4f0;
--color-dallas-dust-100: #ece7e1;
--color-dallas-dust-200: #dad3cc;
--color-dallas-dust-300: #beb6ae;
--color-dallas-dust-400: #a79c93;
--color-dallas-dust-500: #90847a;
--color-dallas-dust-600: #7a6f67;
--color-dallas-dust-700: #615952;
--color-dallas-dust-800: #47413c;
--color-dallas-dust-900: #312d29;
--color-dallas-dust-950: #1d1a17;
}SCSS
$dallas-dust: #e9ddd3;
$dallas-dust-rgb: 233, 221, 211;
$dallas-dust-light: mix(#fff, $dallas-dust, 20%);
$dallas-dust-dark: mix(#000, $dallas-dust, 20%);
.element {
color: $dallas-dust;
box-shadow: 0 0 0 2px rgba($dallas-dust, 0.35);
}