이름 색상 · #DCDEDC
Site White
Site White은(는) #DCDEDC: rgb(220 222 220), hsl(120 3% 87%), oklch(0.898 0.003 145.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Site White color name →
#DCDEDC
oklch(0.898 0.003 145.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DFE1DF
- E3E5E3
- E6E8E6
- EAEBEA
- EDEEED
- F1F2F1
- F4F5F4
- F8F8F8
- FBFCFB
셰이드
- BFC1BF
- A3A5A3
- 888988
- 6E6F6E
- 545554
- 3C3D3C
- 262626
- 111211
- 020202
톤
- D2D4D2
- C9CAC9
- BFC1BF
- B6B7B6
- ADAEAD
- A4A4A4
- 9B9B9B
- 929292
- 898989
색 조화
보색 +180°
- DCDEDC
Site White
- DFDDDF
≈ Lavender Lace
유사색 -30° +30°
- DCDEDC
Site White
- DDDEDB
≈ Site White
- DBDEDD
≈ Silver Sand
삼각 배색 +120° +240°
- DCDEDC
Site White
- DCDDE0
≈ Script White
- E0DDDC
≈ Royal Silver
분열 보색 +150° +210°
- DCDEDC
Site White
- DDDDDF
≈ Script White
- DFDCDD
≈ Discreet White
사각 배색 +90° +180° +270°
- DCDEDC
Site White
- DBDEDF
≈ Script White
- DFDDDF
≈ Lavender Lace
- DFDDDB
≈ Spatial White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.52:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.52:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
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);
}