Colore con nome · #BDD0D1
Detroit
Detroit è #BDD0D1: rgb(189 208 209), hsl(183 18% 78%), oklch(0.844 0.021 200.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Detroit color name →
#BDD0D1
oklch(0.844 0.021 200.6)
Conversioni di colore
- HEX
- #bdd0d1
- RGB
- rgb(189 208 209)
- HSL
- hsl(183 18% 78%)
- HWB
- hwb(183 74% 18%)
- OKLCH
- oklch(0.844 0.021 200.6)
- OKLab
- oklab(0.844 -0.019 -0.007)
- CIE Lab
- lab(82.06 -6.49 -2.8)
- LCH
- lch(82.06 7.07 203.4)
- CMYK
- cmyk(10% 0% 0% 18%)
Tinte · Ombre · Toni
Tinte
- C4D5D6
- CAD9DA
- D1DEDF
- D7E3E3
- DEE7E8
- E4ECEC
- EBF1F1
- F2F5F6
- F8FAFA
Ombre
- A4B5B5
- 8C9A9B
- 748081
- 5D6768
- 474F50
- 333939
- 1F2323
- 0D1010
- 020202
Toni
- B7C8C9
- B1BFC0
- AAB7B8
- A4AFB0
- 9EA7A8
- 989FA0
- 929798
- 8C8F90
- 868888
Armonie di colore
Complementare +180°
- BDD0D1
Detroit
- D9C7C6
≈ Fairview Taupe
Analogo -30° +30°
- BDD0D1
Detroit
- BFD0CA
≈ White Box
- BFCED7
≈ Keepsake
Triadico +120° +240°
- BDD0D1
Detroit
- D2C8D4
≈ Orchid Tint
- D3CBBD
≈ Shoreline Haze
Complementare divisa +150° +210°
- BDD0D1
Detroit
- D7C6CD
≈ Odyssey Lilac
- D7C8C0
≈ Unfussy Beige
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.10:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--detroit: #bdd0d1;
--detroit-rgb: 189 208 209;
--detroit-oklch: oklch(0.844 0.021 200.6);
}
.element {
color: var(--detroit);
background-color: hsl(183 18% 78%);
border-color: oklch(0.844 0.021 200.6);
}Tailwind CSS v4
@theme {
--color-detroit: #bdd0d1;
--color-detroit-50: #eff7f8;
--color-detroit-100: #e0eaeb;
--color-detroit-200: #cbd7d8;
--color-detroit-300: #acbbbc;
--color-detroit-400: #91a2a3;
--color-detroit-500: #778b8c;
--color-detroit-600: #657576;
--color-detroit-700: #505e5e;
--color-detroit-800: #3a4545;
--color-detroit-900: #282f30;
--color-detroit-950: #161c1c;
}SCSS
$detroit: #bdd0d1;
$detroit-rgb: 189, 208, 209;
$detroit-light: mix(#fff, $detroit, 20%);
$detroit-dark: mix(#000, $detroit, 20%);
.element {
color: $detroit;
box-shadow: 0 0 0 2px rgba($detroit, 0.35);
}