Adlandırılmış renk · #B9D1DA
Bahama Breezes
Bahama Breezes, #B9D1DA: rgb(185 209 218), hsl(196 31% 79%), oklch(0.846 0.029 222.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Bahama Breezes color name →
#B9D1DA
oklch(0.846 0.029 222.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C0D6DE
- C7DAE1
- CEDFE5
- D5E3E9
- DCE8EC
- E3ECF0
- EAF1F4
- F1F6F8
- F8FAFB
Koyu tonlar
- A0B5BD
- 899BA2
- 718187
- 5B686C
- 465054
- 31393C
- 1E2325
- 0D1011
- 020202
Gri tonlar
- B3C9D1
- ADC0C7
- A8B8BE
- A2B0B5
- 9CA8AC
- 97A0A3
- 91989A
- 8B9091
- 868889
Renk uyumları
Tamamlayıcı +180°
- B9D1DA
Bahama Breezes
- DEC7BE
≈ Pale Sienna
Analog -30° +30°
- B9D1DA
Bahama Breezes
- B8D3D1
≈ Relax
- BFCEDF
≈ Sky’s the Limit
Üçlü +120° +240°
- B9D1DA
Bahama Breezes
- DBC5D1
≈ Scented Soap
- D0CDB8
≈ Montezuma
Bölünmüş tamamlayıcı +150° +210°
- B9D1DA
Bahama Breezes
- DEC5C7
≈ Pink Pandora
- D8CAB8
≈ Ivory Ridge
Dörtlü +90° +180° +270°
- B9D1DA
Bahama Breezes
- D3C7DA
≈ Modesty
- DEC7BE
≈ Pale Sienna
- C5D1BE
≈ Budding Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.19:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
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);
}