Colore con nome · #B9D1DA
Bahama Breezes
Bahama Breezes è #B9D1DA: rgb(185 209 218), hsl(196 31% 79%), oklch(0.846 0.029 222.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bahama Breezes color name →
#B9D1DA
oklch(0.846 0.029 222.3)
Conversioni di colore
- HEX
- #b9d1da
- RGB
- rgb(185 209 218)
- HSL
- hsl(196 31% 79%)
- HWB
- hwb(196 73% 15%)
- OKLCH
- oklch(0.846 0.029 222.3)
- OKLab
- oklab(0.846 -0.021 -0.019)
- CIE Lab
- lab(82.25 -6.96 -7.34)
- LCH
- lch(82.25 10.11 226.5)
- CMYK
- cmyk(15% 4% 0% 15%)
Tinte · Ombre · Toni
Tinte
- C0D6DE
- C7DAE1
- CEDFE5
- D5E3E9
- DCE8EC
- E3ECF0
- EAF1F4
- F1F6F8
- F8FAFB
Ombre
- A0B5BD
- 899BA2
- 718187
- 5B686C
- 465054
- 31393C
- 1E2325
- 0D1011
- 020202
Toni
- B3C9D1
- ADC0C7
- A8B8BE
- A2B0B5
- 9CA8AC
- 97A0A3
- 91989A
- 8B9091
- 868889
Armonie di colore
Complementare +180°
- B9D1DA
Bahama Breezes
- DEC7BE
≈ Pale Sienna
Analogo -30° +30°
- B9D1DA
Bahama Breezes
- B8D3D1
≈ Relax
- BFCEDF
≈ Sky’s the Limit
Triadico +120° +240°
- B9D1DA
Bahama Breezes
- DBC5D1
≈ Scented Soap
- D0CDB8
≈ Montezuma
Complementare divisa +150° +210°
- B9D1DA
Bahama Breezes
- DEC5C7
≈ Pink Pandora
- D8CAB8
≈ Ivory Ridge
Tetradico +90° +180° +270°
- B9D1DA
Bahama Breezes
- D3C7DA
≈ Modesty
- DEC7BE
≈ Pale Sienna
- C5D1BE
≈ Budding Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.19:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--bahama-breezes: #b9d1da;
--bahama-breezes-rgb: 185 209 218;
--bahama-breezes-oklch: oklch(0.846 0.029 222.3);
}
.element {
color: var(--bahama-breezes);
background-color: hsl(196 31% 79%);
border-color: oklch(0.846 0.029 222.3);
}Tailwind CSS v4
@theme {
--color-bahama-breezes: #b9d1da;
--color-bahama-breezes-50: #edf7fb;
--color-bahama-breezes-100: #deeaef;
--color-bahama-breezes-200: #c8d7dd;
--color-bahama-breezes-300: #a8bbc2;
--color-bahama-breezes-400: #8da3ab;
--color-bahama-breezes-500: #728b94;
--color-bahama-breezes-600: #61757d;
--color-bahama-breezes-700: #4d5e64;
--color-bahama-breezes-800: #384549;
--color-bahama-breezes-900: #263033;
--color-bahama-breezes-950: #141c1f;
}SCSS
$bahama-breezes: #b9d1da;
$bahama-breezes-rgb: 185, 209, 218;
$bahama-breezes-light: mix(#fff, $bahama-breezes, 20%);
$bahama-breezes-dark: mix(#000, $bahama-breezes, 20%);
.element {
color: $bahama-breezes;
box-shadow: 0 0 0 2px rgba($bahama-breezes, 0.35);
}