Nearest named color · #8EB4FF
#8EB4FF
Nearest named color: Kitten’s Eye
#8EB4FF (rgb(142 180 255), hsl(220 100% 78%), oklch(0.772 0.116 263.3)) is closest to the named color Kitten’s Eye. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8EB4FF
oklch(0.772 0.116 263.3)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 99BCFF
- A4C3FF
- AFCBFF
- BAD3FF
- C6DAFF
- D1E1FF
- DCE9FF
- E8F0FF
- F3F8FF
Shades
- 7B9CDE
- 6885BE
- 566E9E
- 445880
- 344463
- 243048
- 151D2E
- 070C16
- 010203
Tones
- 8DAFF2
- 8CAAE5
- 8AA5D8
- 89A0CB
- 889ABF
- 8695B2
- 8590A5
- 838B99
- 82858C
Color harmonies
Complementary +180°
- 8EB4FF
Kitten’s Eye
- D8AE57
≈ Golden Cricket
Analogous -30° +30°
- 8EB4FF
Kitten’s Eye
- 60C1F3
≈ Blue Mana
- B8A6F8
≈ Shy Moment
Triadic +120° +240°
- 8EB4FF
Kitten’s Eye
- F69691
≈ Cherrystone
- 87C884
≈ De York
Split-complementary +150° +210°
- 8EB4FF
Kitten’s Eye
- EFA06C
≈ Monarch Orange
- B5BD62
≈ Avocado Cream
Tetradic +90° +180° +270°
- 8EB4FF
Kitten’s Eye
- EE95BB
≈ Shocking
- D8AE57
≈ Golden Cricket
- 57CDAE
≈ Simply Aqua
Contrast & accessibility
Ag
FailOn white
WCAG 2.07:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.12:1 · APCA Lc 62
Best text color: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
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);
}