Warna bernama · #B9D1DA
Bahama Breezes
Bahama Breezes adalah #B9D1DA: rgb(185 209 218), hsl(196 31% 79%), oklch(0.846 0.029 222.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Bahama Breezes color name →
#B9D1DA
oklch(0.846 0.029 222.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C0D6DE
- C7DAE1
- CEDFE5
- D5E3E9
- DCE8EC
- E3ECF0
- EAF1F4
- F1F6F8
- F8FAFB
Shade
- A0B5BD
- 899BA2
- 718187
- 5B686C
- 465054
- 31393C
- 1E2325
- 0D1011
- 020202
Tone
- B3C9D1
- ADC0C7
- A8B8BE
- A2B0B5
- 9CA8AC
- 97A0A3
- 91989A
- 8B9091
- 868889
Harmoni warna
Komplementer +180°
- B9D1DA
Bahama Breezes
- DEC7BE
≈ Pale Sienna
Analog -30° +30°
- B9D1DA
Bahama Breezes
- B8D3D1
≈ Relax
- BFCEDF
≈ Sky’s the Limit
Triadik +120° +240°
- B9D1DA
Bahama Breezes
- DBC5D1
≈ Scented Soap
- D0CDB8
≈ Montezuma
Split-komplementer +150° +210°
- B9D1DA
Bahama Breezes
- DEC5C7
≈ Pink Pandora
- D8CAB8
≈ Ivory Ridge
Tetradik +90° +180° +270°
- B9D1DA
Bahama Breezes
- D3C7DA
≈ Modesty
- DEC7BE
≈ Pale Sienna
- C5D1BE
≈ Budding Green
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.59:1 · APCA Lc 27
Ag
AAADi atas hitam
WCAG 13.19:1 · APCA Lc 76
Warna teks terbaik: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Cuplikan kode
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);
}