가장 가까운 이름 색상 · #86C0FD
#86C0FD
가장 가까운 이름 색상: Electric Eel
#86C0FD(rgb(134 192 253), hsl(211 97% 76%), oklch(0.791 0.106 250.5))와 가장 가까운 이름 색상은 Electric Eel입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#86C0FD
oklch(0.791 0.106 250.5)
색상 변환
- HEX
- #86c0fd
- RGB
- rgb(134 192 253)
- HSL
- hsl(211 97% 76%)
- HWB
- hwb(211 53% 1%)
- OKLCH
- oklch(0.791 0.106 250.5)
- OKLab
- oklab(0.791 -0.035 -0.1)
- CIE Lab
- lab(75.48 -7.2 -36.52)
- LCH
- lch(75.48 37.22 258.8)
- CMYK
- cmyk(47% 24% 0% 1%)
틴트 · 셰이드 · 톤
틴트
- 92C6FE
- 9FCDFE
- ABD3FF
- B7DAFF
- C3E0FF
- CFE6FF
- DBECFF
- E7F3FF
- F3F9FF
셰이드
- 74A7DC
- 628EBC
- 51769D
- 405F7F
- 304962
- 213447
- 13202D
- 060E16
- 010203
톤
- 86BAF0
- 86B3E3
- 86ADD7
- 85A6CA
- 85A0BD
- 849AB1
- 8393A5
- 828D98
- 81868C
색 조화
보색 +180°
- 86C0FD
Electric Eel
- E6AF6C
≈ Mac N Cheese
유사색 -30° +30°
- 86C0FD
Electric Eel
- 62CBEA
≈ Hawaiian Breeze
- AEB3FE
≈ Winterspring Lilac
삼각 배색 +120° +240°
- 86C0FD
Electric Eel
- F69EAB
≈ Sweet 60
- A4C980
≈ Whipped Pistachio
분열 보색 +150° +210°
- 86C0FD
Electric Eel
- F6A486
≈ Creamy Peach
- CABD69
≈ Moray
사각 배색 +90° +180° +270°
- 86C0FD
Electric Eel
- E9A0D0
≈ Violet Kiss
- E6AF6C
≈ Mac N Cheese
- 79D0A4
≈ Crystal Gem
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 10.97:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--electric-eel: #86c0fd;
--electric-eel-rgb: 134 192 253;
--electric-eel-oklch: oklch(0.791 0.106 250.5);
}
.element {
color: var(--electric-eel);
background-color: hsl(211 97% 76%);
border-color: oklch(0.791 0.106 250.5);
}Tailwind CSS v4
@theme {
--color-electric-eel: #86c0fd;
--color-electric-eel-50: #e0f8ff;
--color-electric-eel-100: #cfebff;
--color-electric-eel-200: #b4d8ff;
--color-electric-eel-300: #90bbed;
--color-electric-eel-400: #6da3db;
--color-electric-eel-500: #4b8aca;
--color-electric-eel-600: #4175aa;
--color-electric-eel-700: #335e89;
--color-electric-eel-800: #224565;
--color-electric-eel-900: #173047;
--color-electric-eel-950: #071c2e;
}SCSS
$electric-eel: #86c0fd;
$electric-eel-rgb: 134, 192, 253;
$electric-eel-light: mix(#fff, $electric-eel, 20%);
$electric-eel-dark: mix(#000, $electric-eel, 20%);
.element {
color: $electric-eel;
box-shadow: 0 0 0 2px rgba($electric-eel, 0.35);
}