En yakın adlandırılmış renk · #8EB4FF
#8EB4FF
En yakın adlandırılmış renk: Kitten’s Eye
#8EB4FF (rgb(142 180 255), hsl(220 100% 78%), oklch(0.772 0.116 263.3)) en çok Kitten’s Eye 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.
#8EB4FF
oklch(0.772 0.116 263.3)
Renk dönüşümleri
- HEX
- #8eb4ff
- RGB
- rgb(142 180 255)
- HSL
- hsl(220 100% 78%)
- HWB
- hwb(220 56% 0%)
- OKLCH
- oklch(0.772 0.116 263.3)
- OKLab
- oklab(0.772 -0.013 -0.115)
- CIE Lab
- lab(72.76 1.42 -41.75)
- LCH
- lch(72.76 41.77 271.9)
- CMYK
- cmyk(44% 29% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99BCFF
- A4C3FF
- AFCBFF
- BAD3FF
- C6DAFF
- D1E1FF
- DCE9FF
- E8F0FF
- F3F8FF
Koyu tonlar
- 7B9CDE
- 6885BE
- 566E9E
- 445880
- 344463
- 243048
- 151D2E
- 070C16
- 010203
Gri tonlar
- 8DAFF2
- 8CAAE5
- 8AA5D8
- 89A0CB
- 889ABF
- 8695B2
- 8590A5
- 838B99
- 82858C
Renk uyumları
Tamamlayıcı +180°
- 8EB4FF
Kitten’s Eye
- D8AE57
≈ Golden Cricket
Analog -30° +30°
- 8EB4FF
Kitten’s Eye
- 60C1F3
≈ Blue Mana
- B8A6F8
≈ Shy Moment
Üçlü +120° +240°
- 8EB4FF
Kitten’s Eye
- F69691
≈ Cherrystone
- 87C884
≈ De York
Bölünmüş tamamlayıcı +150° +210°
- 8EB4FF
Kitten’s Eye
- EFA06C
≈ Monarch Orange
- B5BD62
≈ Avocado Cream
Dörtlü +90° +180° +270°
- 8EB4FF
Kitten’s Eye
- EE95BB
≈ Shocking
- D8AE57
≈ Golden Cricket
- 57CDAE
≈ Simply Aqua
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.07:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.12:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--kitten-s-eye: #8eb4ff;
--kitten-s-eye-rgb: 142 180 255;
--kitten-s-eye-oklch: oklch(0.772 0.116 263.3);
}
.element {
color: var(--kitten-s-eye);
background-color: hsl(220 100% 78%);
border-color: oklch(0.772 0.116 263.3);
}Tailwind CSS v4
@theme {
--color-kitten-s-eye: #8eb4ff;
--color-kitten-s-eye-50: #e5f5ff;
--color-kitten-s-eye-100: #d5e8ff;
--color-kitten-s-eye-200: #bcd4ff;
--color-kitten-s-eye-300: #9bb7f3;
--color-kitten-s-eye-400: #7a9ee3;
--color-kitten-s-eye-500: #5d84d3;
--color-kitten-s-eye-600: #4f70b2;
--color-kitten-s-eye-700: #3f598f;
--color-kitten-s-eye-800: #2b426a;
--color-kitten-s-eye-900: #1d2d4b;
--color-kitten-s-eye-950: #0d1a31;
}SCSS
$kitten-s-eye: #8eb4ff;
$kitten-s-eye-rgb: 142, 180, 255;
$kitten-s-eye-light: mix(#fff, $kitten-s-eye, 20%);
$kitten-s-eye-dark: mix(#000, $kitten-s-eye, 20%);
.element {
color: $kitten-s-eye;
box-shadow: 0 0 0 2px rgba($kitten-s-eye, 0.35);
}