가장 가까운 이름 색상 · #8EB4FF
#8EB4FF
가장 가까운 이름 색상: Kitten’s Eye
#8EB4FF(rgb(142 180 255), hsl(220 100% 78%), oklch(0.772 0.116 263.3))와 가장 가까운 이름 색상은 Kitten’s Eye입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8EB4FF
oklch(0.772 0.116 263.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 99BCFF
- A4C3FF
- AFCBFF
- BAD3FF
- C6DAFF
- D1E1FF
- DCE9FF
- E8F0FF
- F3F8FF
셰이드
- 7B9CDE
- 6885BE
- 566E9E
- 445880
- 344463
- 243048
- 151D2E
- 070C16
- 010203
톤
- 8DAFF2
- 8CAAE5
- 8AA5D8
- 89A0CB
- 889ABF
- 8695B2
- 8590A5
- 838B99
- 82858C
색 조화
보색 +180°
- 8EB4FF
Kitten’s Eye
- D8AE57
≈ Golden Cricket
유사색 -30° +30°
- 8EB4FF
Kitten’s Eye
- 60C1F3
≈ Blue Mana
- B8A6F8
≈ Shy Moment
삼각 배색 +120° +240°
- 8EB4FF
Kitten’s Eye
- F69691
≈ Cherrystone
- 87C884
≈ De York
분열 보색 +150° +210°
- 8EB4FF
Kitten’s Eye
- EFA06C
≈ Monarch Orange
- B5BD62
≈ Avocado Cream
사각 배색 +90° +180° +270°
- 8EB4FF
Kitten’s Eye
- EE95BB
≈ Shocking
- D8AE57
≈ Golden Cricket
- 57CDAE
≈ Simply Aqua
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.07:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.12:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
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);
}