En yakın adlandırılmış renk · #B0C9D0
#B0C9D0
En yakın adlandırılmış renk: Subtle Breeze
#B0C9D0 (rgb(176 201 208), hsl(193 25% 75%), oklch(0.819 0.029 216.4)) en çok Subtle Breeze adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B0C9D0
oklch(0.819 0.029 216.4)
Renk dönüşümleri
- HEX
- #b0c9d0
- RGB
- rgb(176 201 208)
- HSL
- hsl(193 25% 75%)
- HWB
- hwb(193 69% 18%)
- OKLCH
- oklch(0.819 0.029 216.4)
- OKLab
- oklab(0.819 -0.023 -0.017)
- CIE Lab
- lab(79.25 -7.64 -6.5)
- LCH
- lch(79.25 10.03 220.4)
- CMYK
- cmyk(15% 3% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8CED5
- C0D4D9
- C7D9DE
- CFDEE3
- D7E4E7
- DFE9EC
- E7EFF1
- EFF4F5
- F7FAFA
Koyu tonlar
- 99AEB5
- 82959A
- 6C7C80
- 566467
- 424C4F
- 2E3639
- 1C2223
- 0B0F10
- 010202
Gri tonlar
- ABC1C8
- A6BABF
- A2B3B7
- 9DABAF
- 98A4A7
- 939D9F
- 8E9597
- 8A8E8F
- 858788
Renk uyumları
Tamamlayıcı +180°
- B0C9D0
Subtle Breeze
- D6BEB7
≈ Wild Rice
Analog -30° +30°
- B0C9D0
Subtle Breeze
- B0CAC7
≈ Seaport Steam
- B5C6D6
≈ Cloudy Valley
Üçlü +120° +240°
- B0C9D0
Subtle Breeze
- D1BDCB
≈ Tamed Beauty
- C9C4B0
≈ Dune Grass
Bölünmüş tamamlayıcı +150° +210°
- B0C9D0
Subtle Breeze
- D5BDC1
≈ Frosted Sugar
- D1C1B1
≈ Bongo Drum
Dörtlü +90° +180° +270°
- B0C9D0
Subtle Breeze
- C8BFD3
≈ Purpling Dawn
- D6BEB7
≈ Wild Rice
- BFC8B4
≈ Clay Ash
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.11:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--subtle-breeze: #b0c9d0;
--subtle-breeze-rgb: 176 201 208;
--subtle-breeze-oklch: oklch(0.819 0.029 216.4);
}
.element {
color: var(--subtle-breeze);
background-color: hsl(193 25% 75%);
border-color: oklch(0.819 0.029 216.4);
}Tailwind CSS v4
@theme {
--color-subtle-breeze: #b0c9d0;
--color-subtle-breeze-50: #edf7fb;
--color-subtle-breeze-100: #deeaee;
--color-subtle-breeze-200: #c7d7dd;
--color-subtle-breeze-300: #a8bbc1;
--color-subtle-breeze-400: #8ca3a9;
--color-subtle-breeze-500: #718b93;
--color-subtle-breeze-600: #60767c;
--color-subtle-breeze-700: #4d5e63;
--color-subtle-breeze-800: #374549;
--color-subtle-breeze-900: #263032;
--color-subtle-breeze-950: #141c1e;
}SCSS
$subtle-breeze: #b0c9d0;
$subtle-breeze-rgb: 176, 201, 208;
$subtle-breeze-light: mix(#fff, $subtle-breeze, 20%);
$subtle-breeze-dark: mix(#000, $subtle-breeze, 20%);
.element {
color: $subtle-breeze;
box-shadow: 0 0 0 2px rgba($subtle-breeze, 0.35);
}