이름 색상 · #D1DCDD
Northbound
Northbound은(는) #D1DCDD: rgb(209 220 221), hsl(185 15% 84%), oklch(0.886 0.012 203.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Northbound color name →
#D1DCDD
oklch(0.886 0.012 203.5)
색상 변환
- HEX
- #d1dcdd
- RGB
- rgb(209 220 221)
- HSL
- hsl(185 15% 84%)
- HWB
- hwb(185 82% 13%)
- OKLCH
- oklch(0.886 0.012 203.5)
- OKLab
- oklab(0.886 -0.011 -0.005)
- CIE Lab
- lab(86.94 -3.69 -1.84)
- LCH
- lch(86.94 4.13 206.5)
- CMYK
- cmyk(5% 0% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- D6DFE0
- DAE3E4
- DFE6E7
- E3EAEA
- E8EDEE
- ECF1F1
- F1F4F5
- F6F8F8
- FAFBFC
셰이드
- B5BFC0
- 9BA3A4
- 818888
- 686E6E
- 505455
- 393C3D
- 232626
- 101111
- 020202
톤
- C9D2D3
- C0C9CA
- B8BFC0
- B0B6B7
- A8ADAD
- A0A4A4
- 989B9B
- 909292
- 888989
색 조화
보색 +180°
- D1DCDD
Northbound
- E1D7D6
≈ Napa Dawn
유사색 -30° +30°
- D1DCDD
Northbound
- D2DCD9
≈ Sky Glass
- D2DBE0
≈ Drowsy Lavender
삼각 배색 +120° +240°
- D1DCDD
Northbound
- DED7DE
≈ Little Lilac
- DDD9D1
≈ Drift of Mist
분열 보색 +150° +210°
- D1DCDD
Northbound
- E0D6DA
≈ Pink Organdy
- E0D8D2
≈ White Woodruff
사각 배색 +90° +180° +270°
- D1DCDD
Northbound
- DAD8E1
≈ Misty Lavender
- E1D7D6
≈ Napa Dawn
- D9DAD2
≈ Silver Creek
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 14.99:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--northbound: #d1dcdd;
--northbound-rgb: 209 220 221;
--northbound-oklch: oklch(0.886 0.012 203.5);
}
.element {
color: var(--northbound);
background-color: hsl(185 15% 84%);
border-color: oklch(0.886 0.012 203.5);
}Tailwind CSS v4
@theme {
--color-northbound: #d1dcdd;
--color-northbound-50: #f1f6f7;
--color-northbound-100: #e3e9ea;
--color-northbound-200: #cfd6d7;
--color-northbound-300: #b1b9ba;
--color-northbound-400: #97a1a1;
--color-northbound-500: #7d898a;
--color-northbound-600: #6a7474;
--color-northbound-700: #555c5d;
--color-northbound-800: #3e4444;
--color-northbound-900: #2a2f2f;
--color-northbound-950: #181b1c;
}SCSS
$northbound: #d1dcdd;
$northbound-rgb: 209, 220, 221;
$northbound-light: mix(#fff, $northbound, 20%);
$northbound-dark: mix(#000, $northbound, 20%);
.element {
color: $northbound;
box-shadow: 0 0 0 2px rgba($northbound, 0.35);
}