Couleur nommée la plus proche · #86C0FD
#86C0FD
Couleur nommée la plus proche: Electric Eel
#86C0FD (rgb(134 192 253), hsl(211 97% 76%), oklch(0.791 0.106 250.5)) est la plus proche de la couleur nommée Electric Eel. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#86C0FD
oklch(0.791 0.106 250.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 92C6FE
- 9FCDFE
- ABD3FF
- B7DAFF
- C3E0FF
- CFE6FF
- DBECFF
- E7F3FF
- F3F9FF
Ombres
- 74A7DC
- 628EBC
- 51769D
- 405F7F
- 304962
- 213447
- 13202D
- 060E16
- 010203
Tons
- 86BAF0
- 86B3E3
- 86ADD7
- 85A6CA
- 85A0BD
- 849AB1
- 8393A5
- 828D98
- 81868C
Harmonies de couleurs
Complémentaire +180°
- 86C0FD
Electric Eel
- E6AF6C
≈ Mac N Cheese
Analogue -30° +30°
- 86C0FD
Electric Eel
- 62CBEA
≈ Hawaiian Breeze
- AEB3FE
≈ Winterspring Lilac
Triadique +120° +240°
- 86C0FD
Electric Eel
- F69EAB
≈ Sweet 60
- A4C980
≈ Whipped Pistachio
Complémentaire divisée +150° +210°
- 86C0FD
Electric Eel
- F6A486
≈ Creamy Peach
- CABD69
≈ Moray
Tétradique +90° +180° +270°
- 86C0FD
Electric Eel
- E9A0D0
≈ Violet Kiss
- E6AF6C
≈ Mac N Cheese
- 79D0A4
≈ Crystal Gem
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.91:1 · APCA Lc 36
Ag
AAASur noir
WCAG 10.97:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
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);
}