Nazwany kolor · #D1DCDD
Northbound
Northbound to #D1DCDD: rgb(209 220 221), hsl(185 15% 84%), oklch(0.886 0.012 203.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Northbound color name →
#D1DCDD
oklch(0.886 0.012 203.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6DFE0
- DAE3E4
- DFE6E7
- E3EAEA
- E8EDEE
- ECF1F1
- F1F4F5
- F6F8F8
- FAFBFC
Odcienie ciemniejsze
- B5BFC0
- 9BA3A4
- 818888
- 686E6E
- 505455
- 393C3D
- 232626
- 101111
- 020202
Tony
- C9D2D3
- C0C9CA
- B8BFC0
- B0B6B7
- A8ADAD
- A0A4A4
- 989B9B
- 909292
- 888989
Harmonie kolorów
Komplementarna +180°
- D1DCDD
Northbound
- E1D7D6
≈ Napa Dawn
Analogowa -30° +30°
- D1DCDD
Northbound
- D2DCD9
≈ Sky Glass
- D2DBE0
≈ Drowsy Lavender
Triada +120° +240°
- D1DCDD
Northbound
- DED7DE
≈ Little Lilac
- DDD9D1
≈ Drift of Mist
Komplementarna rozszczepiona +150° +210°
- D1DCDD
Northbound
- E0D6DA
≈ Pink Organdy
- E0D8D2
≈ White Woodruff
Tetrada +90° +180° +270°
- D1DCDD
Northbound
- DAD8E1
≈ Misty Lavender
- E1D7D6
≈ Napa Dawn
- D9DAD2
≈ Silver Creek
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 14.99:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}