Màu có tên gần nhất · #86C0FD
#86C0FD
Màu có tên gần nhất: Electric Eel
#86C0FD (rgb(134 192 253), hsl(211 97% 76%), oklch(0.791 0.106 250.5)) gần nhất với màu có tên Electric Eel. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#86C0FD
oklch(0.791 0.106 250.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 92C6FE
- 9FCDFE
- ABD3FF
- B7DAFF
- C3E0FF
- CFE6FF
- DBECFF
- E7F3FF
- F3F9FF
Sắc đậm
- 74A7DC
- 628EBC
- 51769D
- 405F7F
- 304962
- 213447
- 13202D
- 060E16
- 010203
Sắc xám
- 86BAF0
- 86B3E3
- 86ADD7
- 85A6CA
- 85A0BD
- 849AB1
- 8393A5
- 828D98
- 81868C
Hòa sắc
Bổ túc +180°
- 86C0FD
Electric Eel
- E6AF6C
≈ Mac N Cheese
Tương đồng -30° +30°
- 86C0FD
Electric Eel
- 62CBEA
≈ Hawaiian Breeze
- AEB3FE
≈ Winterspring Lilac
Bộ ba +120° +240°
- 86C0FD
Electric Eel
- F69EAB
≈ Sweet 60
- A4C980
≈ Whipped Pistachio
Bổ túc chia +150° +210°
- 86C0FD
Electric Eel
- F6A486
≈ Creamy Peach
- CABD69
≈ Moray
Bộ bốn +90° +180° +270°
- 86C0FD
Electric Eel
- E9A0D0
≈ Violet Kiss
- E6AF6C
≈ Mac N Cheese
- 79D0A4
≈ Crystal Gem
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.91:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 10.97:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
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);
}