Couleur nommée · #DCDEDC
Site White
Site White correspond à #DCDEDC : rgb(220 222 220), hsl(120 3% 87%), oklch(0.898 0.003 145.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Site White color name →
#DCDEDC
oklch(0.898 0.003 145.5)
Conversions de couleur
- HEX
- #dcdedc
- RGB
- rgb(220 222 220)
- HSL
- hsl(120 3% 87%)
- HWB
- hwb(120 86% 13%)
- OKLCH
- oklch(0.898 0.003 145.5)
- OKLab
- oklab(0.898 -0.003 0.002)
- CIE Lab
- lab(88.27 -0.97 0.73)
- LCH
- lch(88.27 1.22 142.9)
- CMYK
- cmyk(1% 0% 1% 13%)
Teintes · Ombres · Tons
Teintes
- DFE1DF
- E3E5E3
- E6E8E6
- EAEBEA
- EDEEED
- F1F2F1
- F4F5F4
- F8F8F8
- FBFCFB
Ombres
- BFC1BF
- A3A5A3
- 888988
- 6E6F6E
- 545554
- 3C3D3C
- 262626
- 111211
- 020202
Tons
- D2D4D2
- C9CAC9
- BFC1BF
- B6B7B6
- ADAEAD
- A4A4A4
- 9B9B9B
- 929292
- 898989
Harmonies de couleurs
Complémentaire +180°
- DCDEDC
Site White
- DFDDDF
≈ Lavender Lace
Analogue -30° +30°
- DCDEDC
Site White
- DDDEDB
≈ Site White
- DBDEDD
≈ Silver Sand
Triadique +120° +240°
- DCDEDC
Site White
- DCDDE0
≈ Script White
- E0DDDC
≈ Royal Silver
Complémentaire divisée +150° +210°
- DCDEDC
Site White
- DDDDDF
≈ Script White
- DFDCDD
≈ Discreet White
Tétradique +90° +180° +270°
- DCDEDC
Site White
- DBDEDF
≈ Script White
- DFDDDF
≈ Lavender Lace
- DFDDDB
≈ Spatial White
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.35:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.52:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.52:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--site-white: #dcdedc;
--site-white-rgb: 220 222 220;
--site-white-oklch: oklch(0.898 0.003 145.5);
}
.element {
color: var(--site-white);
background-color: hsl(120 3% 87%);
border-color: oklch(0.898 0.003 145.5);
}Tailwind CSS v4
@theme {
--color-site-white: #dcdedc;
--color-site-white-50: #f4f5f4;
--color-site-white-100: #e7e8e7;
--color-site-white-200: #d3d4d3;
--color-site-white-300: #b6b8b6;
--color-site-white-400: #9d9f9d;
--color-site-white-500: #858785;
--color-site-white-600: #707270;
--color-site-white-700: #5a5b5a;
--color-site-white-800: #424342;
--color-site-white-900: #2d2e2d;
--color-site-white-950: #1a1b1a;
}SCSS
$site-white: #dcdedc;
$site-white-rgb: 220, 222, 220;
$site-white-light: mix(#fff, $site-white, 20%);
$site-white-dark: mix(#000, $site-white, 20%);
.element {
color: $site-white;
box-shadow: 0 0 0 2px rgba($site-white, 0.35);
}