Couleur nommée · #DFD9D2
Simple White
Simple White correspond à #DFD9D2 : rgb(223 217 210), hsl(32 17% 85%), oklch(0.888 0.012 71.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Simple White color name →
#DFD9D2
oklch(0.888 0.012 71.9)
Conversions de couleur
- HEX
- #dfd9d2
- RGB
- rgb(223 217 210)
- HSL
- hsl(32 17% 85%)
- HWB
- hwb(32 82% 13%)
- OKLCH
- oklch(0.888 0.012 71.9)
- OKLab
- oklab(0.888 0.004 0.011)
- CIE Lab
- lab(87.03 1.22 4.22)
- LCH
- lch(87.03 4.4 73.9)
- CMYK
- cmyk(0% 3% 6% 13%)
Teintes · Ombres · Tons
Teintes
- E2DDD6
- E5E1DB
- E9E4DF
- ECE8E4
- EFECE8
- F2F0ED
- F5F3F1
- F9F7F6
- FCFBFA
Ombres
- C2BCB6
- A5A19B
- 8A8681
- 6F6C68
- 565350
- 3D3B39
- 272524
- 121110
- 020202
Tons
- D5D0C9
- CBC7C1
- C2BDB9
- B8B4B0
- AEABA8
- A5A3A0
- 9B9A98
- 929190
- 898888
Harmonies de couleurs
Complémentaire +180°
- DFD9D2
Simple White
- D5DBE2
≈ Drowsy Lavender
Analogue -30° +30°
- DFD9D2
Simple White
- E1D8D4
≈ Light Thought
- DBDAD2
≈ Alaska
Triadique +120° +240°
- DFD9D2
Simple White
- D2DDDC
≈ Ripple
- DDD8E0
≈ Pastel Day
Complémentaire divisée +150° +210°
- DFD9D2
Simple White
- D2DCE0
≈ Head in the Clouds
- D9D9E2
≈ Misty Lavender
Tétradique +90° +180° +270°
- DFD9D2
Simple White
- D4DDD8
≈ Buckwheat
- D5DBE2
≈ Drowsy Lavender
- E0D7DC
≈ Pebble Beach
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.40:1 · APCA Lc 19
Ag
AAASur noir
WCAG 14.99:1 · APCA Lc 84
Meilleure couleur de texte: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--simple-white: #dfd9d2;
--simple-white-rgb: 223 217 210;
--simple-white-oklch: oklch(0.888 0.012 71.9);
}
.element {
color: var(--simple-white);
background-color: hsl(32 17% 85%);
border-color: oklch(0.888 0.012 71.9);
}Tailwind CSS v4
@theme {
--color-simple-white: #dfd9d2;
--color-simple-white-50: #f7f5f1;
--color-simple-white-100: #eae7e4;
--color-simple-white-200: #d7d3cf;
--color-simple-white-300: #bbb7b1;
--color-simple-white-400: #a39d97;
--color-simple-white-500: #8b857e;
--color-simple-white-600: #76716b;
--color-simple-white-700: #5e5a55;
--color-simple-white-800: #45423e;
--color-simple-white-900: #302d2b;
--color-simple-white-950: #1c1a18;
}SCSS
$simple-white: #dfd9d2;
$simple-white-rgb: 223, 217, 210;
$simple-white-light: mix(#fff, $simple-white, 20%);
$simple-white-dark: mix(#000, $simple-white, 20%);
.element {
color: $simple-white;
box-shadow: 0 0 0 2px rgba($simple-white, 0.35);
}