En yakın adlandırılmış renk · #B8CEEB
#B8CEEB
En yakın adlandırılmış renk: Maritime
#B8CEEB (rgb(184 206 235), hsl(214 56% 82%), oklch(0.844 0.047 255.4)) en çok Maritime 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.
#B8CEEB
oklch(0.844 0.047 255.4)
Renk dönüşümleri
- HEX
- #b8ceeb
- RGB
- rgb(184 206 235)
- HSL
- hsl(214 56% 82%)
- HWB
- hwb(214 72% 8%)
- OKLCH
- oklch(0.844 0.047 255.4)
- OKLab
- oklab(0.844 -0.012 -0.046)
- CIE Lab
- lab(81.81 -3.05 -17)
- LCH
- lch(81.81 17.28 259.8)
- CMYK
- cmyk(22% 12% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BFD3ED
- C6D8EF
- CDDDF1
- D4E2F3
- DBE6F5
- E2EBF7
- E9F0F9
- F1F5FB
- F8FAFD
Koyu tonlar
- A0B3CC
- 8898AE
- 717F91
- 5B6675
- 454E5B
- 313841
- 1E2329
- 0C0F13
- 020203
Gri tonlar
- B2C6E0
- ADBED5
- A7B6CA
- A1AEBF
- 9CA6B4
- 969EAA
- 91979F
- 8B8F95
- 85888A
Renk uyumları
Tamamlayıcı +180°
- B8CEEB
Maritime
- DEC8AA
≈ Czech Bakery
Analog -30° +30°
- B8CEEB
Maritime
- ACD3E4
≈ Light Bobby Blue
- C8C8EA
≈ Powdered Granite
Üçlü +120° +240°
- B8CEEB
Maritime
- E9C0C2
≈ Baby’s Booties
- BFD3B5
≈ Nature
Bölünmüş tamamlayıcı +150° +210°
- B8CEEB
Maritime
- E7C3B3
≈ Antoinette Pink
- D0CEAB
≈ Hybrid
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.06:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--maritime: #b8ceeb;
--maritime-rgb: 184 206 235;
--maritime-oklch: oklch(0.844 0.047 255.4);
}
.element {
color: var(--maritime);
background-color: hsl(214 56% 82%);
border-color: oklch(0.844 0.047 255.4);
}Tailwind CSS v4
@theme {
--color-maritime: #b8ceeb;
--color-maritime-50: #edf6ff;
--color-maritime-100: #dee9f8;
--color-maritime-200: #c8d5e9;
--color-maritime-300: #a9b9d0;
--color-maritime-400: #8ca0ba;
--color-maritime-500: #7288a6;
--color-maritime-600: #60738c;
--color-maritime-700: #4d5c70;
--color-maritime-800: #374453;
--color-maritime-900: #262f3a;
--color-maritime-950: #141b24;
}SCSS
$maritime: #b8ceeb;
$maritime-rgb: 184, 206, 235;
$maritime-light: mix(#fff, $maritime, 20%);
$maritime-dark: mix(#000, $maritime, 20%);
.element {
color: $maritime;
box-shadow: 0 0 0 2px rgba($maritime, 0.35);
}