Color con nombre más cercano · #ECDCD8
#ECDCD8
Color con nombre más cercano: White Russian
#ECDCD8 (rgb(236 220 216), hsl(12 34% 89%), oklch(0.906 0.019 34.3)) se parece más al color con nombre White Russian. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#ECDCD8
oklch(0.906 0.019 34.3)
Conversiones de color
- HEX
- #ecdcd8
- RGB
- rgb(236 220 216)
- HSL
- hsl(12 34% 89%)
- HWB
- hwb(12 85% 7%)
- OKLCH
- oklch(0.906 0.019 34.3)
- OKLab
- oklab(0.906 0.015 0.01)
- CIE Lab
- lab(88.99 5.18 4.05)
- LCH
- lch(88.99 6.57 38)
- CMYK
- cmyk(0% 7% 8% 7%)
Tintes · Sombras · Tonos
Tintes
- EEDFDC
- F0E3E0
- F2E6E4
- F4EAE7
- F6EDEB
- F7F1EF
- F9F4F3
- FBF8F7
- FDFBFB
Sombras
- CDBFBC
- AFA3A0
- 928885
- 766E6B
- 5B5453
- 423C3B
- 292625
- 131111
- 030202
Tonos
- E1D2CF
- D6C9C6
- CABFBD
- BFB6B4
- B5ADAB
- AAA4A2
- 9F9B9A
- 959291
- 8A8988
Armonías de color
Complementario +180°
- ECDCD8
White Russian
- D3E4E8
≈ Aqua Sparkle
Análogo -30° +30°
- ECDCD8
White Russian
- ECDBDE
≈ Discrete Pink
- E9DED4
≈ Reliable White
Triádico +120° +240°
- ECDCD8
White Russian
- D7E4DB
≈ Cactus Blossom
- DCDFED
≈ Lower Lavender
Complementario dividido +150° +210°
- ECDCD8
White Russian
- D3E4E1
≈ Meadowsweet Mist
- D6E2EC
≈ Wind Force
Tetrádico +90° +180° +270°
- ECDCD8
White Russian
- DDE2D5
≈ Water Lily
- D3E4E8
≈ Aqua Sparkle
- E3DDEA
≈ Pale Muse
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.79:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--white-russian: #ecdcd8;
--white-russian-rgb: 236 220 216;
--white-russian-oklch: oklch(0.906 0.019 34.3);
}
.element {
color: var(--white-russian);
background-color: hsl(12 34% 89%);
border-color: oklch(0.906 0.019 34.3);
}Tailwind CSS v4
@theme {
--color-white-russian: #ecdcd8;
--color-white-russian-50: #faf3f1;
--color-white-russian-100: #eee6e4;
--color-white-russian-200: #dcd2cf;
--color-white-russian-300: #c0b4b1;
--color-white-russian-400: #a99b97;
--color-white-russian-500: #92827e;
--color-white-russian-600: #7b6e6b;
--color-white-russian-700: #635855;
--color-white-russian-800: #49403e;
--color-white-russian-900: #322c2b;
--color-white-russian-950: #1e1918;
}SCSS
$white-russian: #ecdcd8;
$white-russian-rgb: 236, 220, 216;
$white-russian-light: mix(#fff, $white-russian, 20%);
$white-russian-dark: mix(#000, $white-russian, 20%);
.element {
color: $white-russian;
box-shadow: 0 0 0 2px rgba($white-russian, 0.35);
}