Colore con nome · #CBD9D7
Thunder Bay
Thunder Bay è #CBD9D7: rgb(203 217 215), hsl(171 16% 82%), oklch(0.874 0.015 186.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Thunder Bay color name →
#CBD9D7
oklch(0.874 0.015 186.6)
Conversioni di colore
- HEX
- #cbd9d7
- RGB
- rgb(203 217 215)
- HSL
- hsl(171 16% 82%)
- HWB
- hwb(171 80% 15%)
- OKLCH
- oklch(0.874 0.015 186.6)
- OKLab
- oklab(0.874 -0.015 -0.002)
- CIE Lab
- lab(85.58 -5.16 -0.72)
- LCH
- lch(85.58 5.21 188)
- CMYK
- cmyk(6% 0% 1% 15%)
Tinte · Ombre · Toni
Tinte
- D0DDDB
- D5E1DF
- DAE4E3
- E0E8E7
- E5ECEB
- EAF0EF
- EFF3F3
- F4F7F7
- FAFBFB
Ombre
- B0BCBB
- 96A19F
- 7D8685
- 656C6B
- 4D5352
- 373B3B
- 222525
- 0F1111
- 020202
Toni
- C3D0CE
- BCC7C5
- B4BDBC
- ACB4B3
- A5ABAA
- 9DA3A2
- 969A99
- 8F9191
- 878988
Armonie di colore
Complementare +180°
- CBD9D7
Thunder Bay
- DFD2D4
≈ Pearl Rose
Analogo -30° +30°
- CBD9D7
Thunder Bay
- CED9D1
≈ Serene Journey
- CBD8DC
≈ Wan Blue
Triadico +120° +240°
- CBD9D7
Thunder Bay
- D8D3DE
≈ Take the Plunge
- DDD4CB
≈ Warm Fog
Complementare divisa +150° +210°
- CBD9D7
Thunder Bay
- DDD2D9
≈ Light Bassinet
- DFD2CF
≈ Thick Fog
Tetradico +90° +180° +270°
- CBD9D7
Thunder Bay
- D3D5E0
≈ Purple Veil
- DFD2D4
≈ Pearl Rose
- D8D6CB
≈ Dried Pipe Clay
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.44:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.44:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--thunder-bay: #cbd9d7;
--thunder-bay-rgb: 203 217 215;
--thunder-bay-oklch: oklch(0.874 0.015 186.6);
}
.element {
color: var(--thunder-bay);
background-color: hsl(171 16% 82%);
border-color: oklch(0.874 0.015 186.6);
}Tailwind CSS v4
@theme {
--color-thunder-bay: #cbd9d7;
--color-thunder-bay-50: #f0f7f6;
--color-thunder-bay-100: #e2eae9;
--color-thunder-bay-200: #cdd6d5;
--color-thunder-bay-300: #afbab9;
--color-thunder-bay-400: #95a1a0;
--color-thunder-bay-500: #7b8a88;
--color-thunder-bay-600: #697473;
--color-thunder-bay-700: #535d5c;
--color-thunder-bay-800: #3d4443;
--color-thunder-bay-900: #2a2f2e;
--color-thunder-bay-950: #171c1b;
}SCSS
$thunder-bay: #cbd9d7;
$thunder-bay-rgb: 203, 217, 215;
$thunder-bay-light: mix(#fff, $thunder-bay, 20%);
$thunder-bay-dark: mix(#000, $thunder-bay, 20%);
.element {
color: $thunder-bay;
box-shadow: 0 0 0 2px rgba($thunder-bay, 0.35);
}