Couleur nommée · #DCDDCB
Desert Springs
Desert Springs correspond à #DCDDCB : rgb(220 221 203), hsl(63 21% 83%), oklch(0.892 0.024 109.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Desert Springs color name →
#DCDDCB
oklch(0.892 0.024 109.5)
Conversions de couleur
- HEX
- #dcddcb
- RGB
- rgb(220 221 203)
- HSL
- hsl(63 21% 83%)
- HWB
- hwb(63 80% 13%)
- OKLCH
- oklch(0.892 0.024 109.5)
- OKLab
- oklab(0.892 -0.008 0.023)
- CIE Lab
- lab(87.67 -2.67 8.75)
- LCH
- lch(87.67 9.15 107)
- CMYK
- cmyk(0% 0% 8% 13%)
Teintes · Ombres · Tons
Teintes
- DFE0D0
- E3E4D5
- E6E7DA
- EAEBE0
- EDEEE5
- F1F1EA
- F4F5EF
- F8F8F4
- FBFCFA
Ombres
- BFC0B0
- A3A496
- 88887D
- 6E6E65
- 54554D
- 3C3D37
- 262622
- 11110F
- 020202
Tons
- D2D3C3
- C9CABC
- BFC0B4
- B6B7AC
- ADADA5
- A4A49D
- 9B9B96
- 92928F
- 898987
Harmonies de couleurs
Complémentaire +180°
- DCDDCB
Desert Springs
- DAD9EB
≈ Eyeshadow
Analogue -30° +30°
- DCDDCB
Desert Springs
- E4DACA
≈ Skull
- D3E0D0
≈ Green Tilberi
Triadique +120° +240°
- DCDDCB
Desert Springs
- CCDFE8
≈ Duck’s Egg Blue
- E9D5DE
≈ Swiss Rose
Complémentaire divisée +150° +210°
- DCDDCB
Desert Springs
- D2DCEC
≈ Snowy Shadow
- E3D7E6
≈ Lavender Vista
Tétradique +90° +180° +270°
- DCDDCB
Desert Springs
- CAE1E1
≈ Mellifluous Blue
- DAD9EB
≈ Eyeshadow
- EBD5D5
≈ Shangri La
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.37:1 · APCA Lc 18
Ag
AAASur noir
WCAG 15.24:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--desert-springs: #dcddcb;
--desert-springs-rgb: 220 221 203;
--desert-springs-oklch: oklch(0.892 0.024 109.5);
}
.element {
color: var(--desert-springs);
background-color: hsl(63 21% 83%);
border-color: oklch(0.892 0.024 109.5);
}Tailwind CSS v4
@theme {
--color-desert-springs: #dcddcb;
--color-desert-springs-50: #f5f6ee;
--color-desert-springs-100: #e8e9e0;
--color-desert-springs-200: #d4d5ca;
--color-desert-springs-300: #b7b9ab;
--color-desert-springs-400: #9fa090;
--color-desert-springs-500: #878876;
--color-desert-springs-600: #727364;
--color-desert-springs-700: #5b5c50;
--color-desert-springs-800: #43433a;
--color-desert-springs-900: #2e2e27;
--color-desert-springs-950: #1b1b16;
}SCSS
$desert-springs: #dcddcb;
$desert-springs-rgb: 220, 221, 203;
$desert-springs-light: mix(#fff, $desert-springs, 20%);
$desert-springs-dark: mix(#000, $desert-springs, 20%);
.element {
color: $desert-springs;
box-shadow: 0 0 0 2px rgba($desert-springs, 0.35);
}