이름 색상 · #D4DCD3
Kingston
Kingston은(는) #D4DCD3: rgb(212 220 211), hsl(113 11% 85%), oklch(0.886 0.015 142.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Kingston color name →
#D4DCD3
oklch(0.886 0.015 142.2)
색상 변환
- HEX
- #d4dcd3
- RGB
- rgb(212 220 211)
- HSL
- hsl(113 11% 85%)
- HWB
- hwb(113 83% 14%)
- OKLCH
- oklch(0.886 0.015 142.2)
- OKLab
- oklab(0.886 -0.012 0.009)
- CIE Lab
- lab(86.95 -4.02 3.45)
- LCH
- lch(86.95 5.29 139.3)
- CMYK
- cmyk(4% 0% 4% 14%)
틴트 · 셰이드 · 톤
틴트
- D8DFD7
- DCE3DC
- E1E6E0
- E5EAE4
- E9EDE9
- EEF1ED
- F2F4F2
- F6F8F6
- FBFBFB
셰이드
- B8BFB7
- 9DA39C
- 838882
- 696E69
- 515451
- 3A3C3A
- 242624
- 101110
- 020202
톤
- CBD2CA
- C3C9C2
- BABFB9
- B1B6B1
- A9ADA9
- A1A4A0
- 989B98
- 909290
- 888988
색 조화
보색 +180°
- D4DCD3
Kingston
- DED6DF
≈ Titan White
유사색 -30° +30°
- D4DCD3
Kingston
- D9DBCF
≈ Icepick
- D0DDD8
≈ Sky Glass
삼각 배색 +120° +240°
- D4DCD3
Kingston
- D4DAE4
≈ Highland Winds
- E3D6D5
≈ Most Delicate
분열 보색 +150° +210°
- D4DCD3
Kingston
- D9D8E3
≈ Misty Violet
- E2D6DA
≈ Fairy-Nuff
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 14.97:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.97:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--kingston: #d4dcd3;
--kingston-rgb: 212 220 211;
--kingston-oklch: oklch(0.886 0.015 142.2);
}
.element {
color: var(--kingston);
background-color: hsl(113 11% 85%);
border-color: oklch(0.886 0.015 142.2);
}Tailwind CSS v4
@theme {
--color-kingston: #d4dcd3;
--color-kingston-50: #f3f6f2;
--color-kingston-100: #e5e9e5;
--color-kingston-200: #d0d6d0;
--color-kingston-300: #b3b9b3;
--color-kingston-400: #9aa199;
--color-kingston-500: #818980;
--color-kingston-600: #6d746c;
--color-kingston-700: #575d56;
--color-kingston-800: #40443f;
--color-kingston-900: #2c2f2b;
--color-kingston-950: #191b19;
}SCSS
$kingston: #d4dcd3;
$kingston-rgb: 212, 220, 211;
$kingston-light: mix(#fff, $kingston, 20%);
$kingston-dark: mix(#000, $kingston, 20%);
.element {
color: $kingston;
box-shadow: 0 0 0 2px rgba($kingston, 0.35);
}