Nazwany kolor · #DCDEDC
Site White
Site White to #DCDEDC: rgb(220 222 220), hsl(120 3% 87%), oklch(0.898 0.003 145.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Site White color name →
#DCDEDC
oklch(0.898 0.003 145.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFE1DF
- E3E5E3
- E6E8E6
- EAEBEA
- EDEEED
- F1F2F1
- F4F5F4
- F8F8F8
- FBFCFB
Odcienie ciemniejsze
- BFC1BF
- A3A5A3
- 888988
- 6E6F6E
- 545554
- 3C3D3C
- 262626
- 111211
- 020202
Tony
- D2D4D2
- C9CAC9
- BFC1BF
- B6B7B6
- ADAEAD
- A4A4A4
- 9B9B9B
- 929292
- 898989
Harmonie kolorów
Komplementarna +180°
- DCDEDC
Site White
- DFDDDF
≈ Lavender Lace
Analogowa -30° +30°
- DCDEDC
Site White
- DDDEDB
≈ Site White
- DBDEDD
≈ Silver Sand
Triada +120° +240°
- DCDEDC
Site White
- DCDDE0
≈ Script White
- E0DDDC
≈ Royal Silver
Komplementarna rozszczepiona +150° +210°
- DCDEDC
Site White
- DDDDDF
≈ Script White
- DFDCDD
≈ Discreet White
Tetrada +90° +180° +270°
- DCDEDC
Site White
- DBDEDF
≈ Script White
- DFDDDF
≈ Lavender Lace
- DFDDDB
≈ Spatial White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.52:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.52:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}