En yakın adlandırılmış renk · #9ECCF1
#9ECCF1
En yakın adlandırılmış renk: Fail Whale
#9ECCF1 (rgb(158 204 241), hsl(207 75% 78%), oklch(0.826 0.071 243)) en çok Fail Whale 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.
#9ECCF1
oklch(0.826 0.071 243)
Renk dönüşümleri
- HEX
- #9eccf1
- RGB
- rgb(158 204 241)
- HSL
- hsl(207 75% 78%)
- HWB
- hwb(207 62% 5%)
- OKLCH
- oklch(0.826 0.071 243)
- OKLab
- oklab(0.826 -0.032 -0.063)
- CIE Lab
- lab(79.74 -8.99 -23.49)
- LCH
- lch(79.74 25.15 249.1)
- CMYK
- cmyk(34% 15% 0% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8D1F3
- B2D6F4
- BBDBF6
- C5E1F7
- CFE6F9
- D8EBFA
- E2F0FB
- ECF5FD
- F5FAFE
Koyu tonlar
- 89B1D2
- 7497B3
- 607E95
- 4D6579
- 3A4E5D
- 293743
- 18222B
- 090F14
- 010203
Gri tonlar
- 9BC4E5
- 99BCDA
- 96B5CE
- 93ADC3
- 90A5B7
- 8D9EAC
- 8A96A1
- 878F96
- 83878B
Renk uyumları
Tamamlayıcı +180°
- 9ECCF1
Fail Whale
- E8BC96
≈ Queen Conch Shell
Analog -30° +30°
- 9ECCF1
Fail Whale
- 8FD3E2
≈ Piccolo
- B6C4F5
≈ Vodka
Üçlü +120° +240°
- 9ECCF1
Fail Whale
- EFB3C1
≈ Fallen Blossoms
- BDCE9B
≈ Fava Bean
Bölünmüş tamamlayıcı +150° +210°
- 9ECCF1
Fail Whale
- F0B6A8
≈ Pink Mimosa
- D6C591
≈ Vast Escape
Dörtlü +90° +180° +270°
- 9ECCF1
Fail Whale
- E3B5DA
≈ Pink Gems
- E8BC96
≈ Queen Conch Shell
- A3D4B0
≈ Nihilakh Oxide
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.36:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--fail-whale: #9eccf1;
--fail-whale-rgb: 158 204 241;
--fail-whale-oklch: oklch(0.826 0.071 243);
}
.element {
color: var(--fail-whale);
background-color: hsl(207 75% 78%);
border-color: oklch(0.826 0.071 243);
}Tailwind CSS v4
@theme {
--color-fail-whale: #9eccf1;
--color-fail-whale-50: #e5f8ff;
--color-fail-whale-100: #d5ebff;
--color-fail-whale-200: #bcd8f1;
--color-fail-whale-300: #99bcda;
--color-fail-whale-400: #7aa4c6;
--color-fail-whale-500: #5b8cb2;
--color-fail-whale-600: #4e7696;
--color-fail-whale-700: #3e5f78;
--color-fail-whale-800: #2b4659;
--color-fail-whale-900: #1d303e;
--color-fail-whale-950: #0d1c27;
}SCSS
$fail-whale: #9eccf1;
$fail-whale-rgb: 158, 204, 241;
$fail-whale-light: mix(#fff, $fail-whale, 20%);
$fail-whale-dark: mix(#000, $fail-whale, 20%);
.element {
color: $fail-whale;
box-shadow: 0 0 0 2px rgba($fail-whale, 0.35);
}