Adlandırılmış renk · #9FBBDA
Baltic Bream
Baltic Bream, #9FBBDA: rgb(159 187 218), hsl(212 44% 74%), oklch(0.782 0.054 251.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Baltic Bream color name →
#9FBBDA
oklch(0.782 0.054 251.1)
Renk dönüşümleri
- HEX
- #9fbbda
- RGB
- rgb(159 187 218)
- HSL
- hsl(212 44% 74%)
- HWB
- hwb(212 62% 15%)
- OKLCH
- oklch(0.782 0.054 251.1)
- OKLab
- oklab(0.782 -0.017 -0.051)
- CIE Lab
- lab(74.56 -4.59 -18.96)
- LCH
- lch(74.56 19.5 256.4)
- CMYK
- cmyk(27% 14% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8C2DE
- B2C8E2
- BBCFE5
- C5D6E9
- CEDDED
- D8E4F0
- E2EAF4
- EBF1F8
- F5F8FB
Koyu tonlar
- 8AA2BD
- 758AA2
- 617387
- 4D5C6C
- 3B4654
- 29323C
- 181F25
- 090D11
- 010202
Gri tonlar
- 9CB5D1
- 99AFC7
- 96A9BE
- 93A3B5
- 909DAC
- 8D97A3
- 89919A
- 868C91
- 838689
Renk uyumları
Tamamlayıcı +180°
- 9FBBDA
Baltic Bream
- CEB393
≈ Moraine
Analog -30° +30°
- 9FBBDA
Baltic Bream
- 92C0D0
≈ Eastern Sky
- B1B5DA
≈ Wild Orchid Blue
Üçlü +120° +240°
- 9FBBDA
Baltic Bream
- D8AAAF
≈ Pale Persimmon
- ACC09C
≈ Saxon
Bölünmüş tamamlayıcı +150° +210°
- 9FBBDA
Baltic Bream
- D7AD9E
≈ Montezuma’s Castle
- BFBA92
≈ Salty Seeds
Dörtlü +90° +180° +270°
- 9FBBDA
Baltic Bream
- D1ABC2
≈ Heart to Heart
- CEB393
≈ Moraine
- 9AC3AD
≈ Bella Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.98:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.59:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.59:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--baltic-bream: #9fbbda;
--baltic-bream-rgb: 159 187 218;
--baltic-bream-oklch: oklch(0.782 0.054 251.1);
}
.element {
color: var(--baltic-bream);
background-color: hsl(212 44% 74%);
border-color: oklch(0.782 0.054 251.1);
}Tailwind CSS v4
@theme {
--color-baltic-bream: #9fbbda;
--color-baltic-bream-50: #ebf6ff;
--color-baltic-bream-100: #dce9fa;
--color-baltic-bream-200: #c5d6eb;
--color-baltic-bream-300: #a4bad3;
--color-baltic-bream-400: #87a1be;
--color-baltic-bream-500: #6c89a9;
--color-baltic-bream-600: #5b748f;
--color-baltic-bream-700: #495d73;
--color-baltic-bream-800: #344455;
--color-baltic-bream-900: #232f3b;
--color-baltic-bream-950: #121c25;
}SCSS
$baltic-bream: #9fbbda;
$baltic-bream-rgb: 159, 187, 218;
$baltic-bream-light: mix(#fff, $baltic-bream, 20%);
$baltic-bream-dark: mix(#000, $baltic-bream, 20%);
.element {
color: $baltic-bream;
box-shadow: 0 0 0 2px rgba($baltic-bream, 0.35);
}