En yakın adlandırılmış renk · #86C0FD
#86C0FD
En yakın adlandırılmış renk: Electric Eel
#86C0FD (rgb(134 192 253), hsl(211 97% 76%), oklch(0.791 0.106 250.5)) en çok Electric Eel 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.
#86C0FD
oklch(0.791 0.106 250.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 92C6FE
- 9FCDFE
- ABD3FF
- B7DAFF
- C3E0FF
- CFE6FF
- DBECFF
- E7F3FF
- F3F9FF
Koyu tonlar
- 74A7DC
- 628EBC
- 51769D
- 405F7F
- 304962
- 213447
- 13202D
- 060E16
- 010203
Gri tonlar
- 86BAF0
- 86B3E3
- 86ADD7
- 85A6CA
- 85A0BD
- 849AB1
- 8393A5
- 828D98
- 81868C
Renk uyumları
Tamamlayıcı +180°
- 86C0FD
Electric Eel
- E6AF6C
≈ Mac N Cheese
Analog -30° +30°
- 86C0FD
Electric Eel
- 62CBEA
≈ Hawaiian Breeze
- AEB3FE
≈ Winterspring Lilac
Üçlü +120° +240°
- 86C0FD
Electric Eel
- F69EAB
≈ Sweet 60
- A4C980
≈ Whipped Pistachio
Bölünmüş tamamlayıcı +150° +210°
- 86C0FD
Electric Eel
- F6A486
≈ Creamy Peach
- CABD69
≈ Moray
Dörtlü +90° +180° +270°
- 86C0FD
Electric Eel
- E9A0D0
≈ Violet Kiss
- E6AF6C
≈ Mac N Cheese
- 79D0A4
≈ Crystal Gem
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.91:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 10.97:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
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);
}