Nazwany kolor · #B9DEE4
Basin Blue
Basin Blue to #B9DEE4: rgb(185 222 228), hsl(188 44% 81%), oklch(0.876 0.04 208.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Basin Blue color name →
#B9DEE4
oklch(0.876 0.04 208.4)
Konwersje koloru
- HEX
- #b9dee4
- RGB
- rgb(185 222 228)
- HSL
- hsl(188 44% 81%)
- HWB
- hwb(188 73% 11%)
- OKLCH
- oklch(0.876 0.04 208.4)
- OKLab
- oklab(0.876 -0.035 -0.019)
- CIE Lab
- lab(85.94 -11.61 -7.21)
- LCH
- lch(85.94 13.66 211.8)
- CMYK
- cmyk(19% 3% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0E1E7
- C7E5E9
- CEE8EC
- D5EBEF
- DCEFF1
- E3F2F4
- EAF5F7
- F1F8FA
- F8FCFC
Odcienie ciemniejsze
- A0C1C6
- 89A5A9
- 71898D
- 5B6F72
- 465558
- 313D3F
- 1E2628
- 0D1212
- 020203
Tony
- B3D4DA
- AECBCF
- A8C1C5
- A2B7BB
- 9DAEB1
- 97A5A7
- 919B9D
- 8B9293
- 86898A
Harmonie kolorów
Komplementarna +180°
- B9DEE4
Basin Blue
- EFCDC8
≈ Kislev Pink
Analogowa -30° +30°
- B9DEE4
Basin Blue
- BBDFD6
≈ Short Phase
- BFDBEE
≈ Twin Blue
Triada +120° +240°
- B9DEE4
Basin Blue
- E5CDE3
≈ Sweety Pie
- E1D5B9
≈ Land of Trees
Komplementarna rozszczepiona +150° +210°
- B9DEE4
Basin Blue
- EDCCD6
≈ Donquixote Doflamingo
- EBD0BD
≈ Cream of Mushroom
Tetrada +90° +180° +270°
- B9DEE4
Basin Blue
- D9D1ED
≈ Air Castle
- EFCDC8
≈ Kislev Pink
- D3DABD
≈ Zen Garden
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.63:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--basin-blue: #b9dee4;
--basin-blue-rgb: 185 222 228;
--basin-blue-oklch: oklch(0.876 0.04 208.4);
}
.element {
color: var(--basin-blue);
background-color: hsl(188 44% 81%);
border-color: oklch(0.876 0.04 208.4);
}Tailwind CSS v4
@theme {
--color-basin-blue: #b9dee4;
--color-basin-blue-50: #e9f9fb;
--color-basin-blue-100: #daecef;
--color-basin-blue-200: #c2d9de;
--color-basin-blue-300: #a1bdc3;
--color-basin-blue-400: #84a5ab;
--color-basin-blue-500: #678e94;
--color-basin-blue-600: #58787d;
--color-basin-blue-700: #466064;
--color-basin-blue-800: #324649;
--color-basin-blue-900: #223133;
--color-basin-blue-950: #111d1e;
}SCSS
$basin-blue: #b9dee4;
$basin-blue-rgb: 185, 222, 228;
$basin-blue-light: mix(#fff, $basin-blue, 20%);
$basin-blue-dark: mix(#000, $basin-blue, 20%);
.element {
color: $basin-blue;
box-shadow: 0 0 0 2px rgba($basin-blue, 0.35);
}