Couleur nommée la plus proche · #ECDCD8
#ECDCD8
Couleur nommée la plus proche: White Russian
#ECDCD8 (rgb(236 220 216), hsl(12 34% 89%), oklch(0.906 0.019 34.3)) est la plus proche de la couleur nommée White Russian. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#ECDCD8
oklch(0.906 0.019 34.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EEDFDC
- F0E3E0
- F2E6E4
- F4EAE7
- F6EDEB
- F7F1EF
- F9F4F3
- FBF8F7
- FDFBFB
Ombres
- CDBFBC
- AFA3A0
- 928885
- 766E6B
- 5B5453
- 423C3B
- 292625
- 131111
- 030202
Tons
- E1D2CF
- D6C9C6
- CABFBD
- BFB6B4
- B5ADAB
- AAA4A2
- 9F9B9A
- 959291
- 8A8988
Harmonies de couleurs
Complémentaire +180°
- ECDCD8
White Russian
- D3E4E8
≈ Aqua Sparkle
Analogue -30° +30°
- ECDCD8
White Russian
- ECDBDE
≈ Discrete Pink
- E9DED4
≈ Reliable White
Triadique +120° +240°
- ECDCD8
White Russian
- D7E4DB
≈ Cactus Blossom
- DCDFED
≈ Lower Lavender
Complémentaire divisée +150° +210°
- ECDCD8
White Russian
- D3E4E1
≈ Meadowsweet Mist
- D6E2EC
≈ Wind Force
Tétradique +90° +180° +270°
- ECDCD8
White Russian
- DDE2D5
≈ Water Lily
- D3E4E8
≈ Aqua Sparkle
- E3DDEA
≈ Pale Muse
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.32:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.79:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.79:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
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);
}