Couleur nommée la plus proche · #7CB8EF
#7CB8EF
Couleur nommée la plus proche: Electric Eel
#7CB8EF (rgb(124 184 239), hsl(209 78% 71%), oklch(0.763 0.101 247.2)) 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.
#7CB8EF
oklch(0.763 0.101 247.2)
Conversions de couleur
- HEX
- #7cb8ef
- RGB
- rgb(124 184 239)
- HSL
- hsl(209 78% 71%)
- HWB
- hwb(209 49% 6%)
- OKLCH
- oklch(0.763 0.101 247.2)
- OKLab
- oklab(0.763 -0.039 -0.093)
- CIE Lab
- lab(72.28 -8.87 -33.98)
- LCH
- lch(72.28 35.12 255.4)
- CMYK
- cmyk(48% 23% 0% 6%)
Teintes · Ombres · Tons
Teintes
- 8ABFF1
- 97C6F3
- A4CEF5
- B1D5F7
- BEDCF8
- CBE3FA
- D8EAFB
- E5F1FD
- F2F8FE
Ombres
- 6BA0D0
- 5A88B1
- 4A7194
- 3B5B78
- 2C455C
- 1E3142
- 111E2A
- 050C14
- 010203
Tons
- 7DB2E4
- 7EADD8
- 7FA7CD
- 80A2C2
- 809CB7
- 8097AC
- 8191A1
- 808B96
- 80868B
Harmonies de couleurs
Complémentaire +180°
- 7CB8EF
Electric Eel
- DDA56A
≈ India Trade
Analogue -30° +30°
- 7CB8EF
Electric Eel
- 5CC2DC
≈ Naxos Sky
- A2ACF2
≈ Wondrous Wisteria
Triadique +120° +240°
- 7CB8EF
Electric Eel
- E997A7
≈ Second Blush
- A0BE77
≈ Tan Green
Complémentaire divisée +150° +210°
- 7CB8EF
Electric Eel
- EA9B84
≈ Tonys Pink
- C4B264
≈ Split Pea Soup
Tétradique +90° +180° +270°
- 7CB8EF
Electric Eel
- DC99C9
≈ Lilac Chiffon
- DDA56A
≈ India Trade
- 79C698
≈ Green Gala
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.10:1 · APCA Lc 41
Ag
AAASur noir
WCAG 9.95:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--electric-eel: #7cb8ef;
--electric-eel-rgb: 124 184 239;
--electric-eel-oklch: oklch(0.763 0.101 247.2);
}
.element {
color: var(--electric-eel);
background-color: hsl(209 78% 71%);
border-color: oklch(0.763 0.101 247.2);
}Tailwind CSS v4
@theme {
--color-electric-eel: #7cb8ef;
--color-electric-eel-50: #e0f8ff;
--color-electric-eel-100: #cfebff;
--color-electric-eel-200: #b4d9fe;
--color-electric-eel-300: #8fbce9;
--color-electric-eel-400: #6ca4d7;
--color-electric-eel-500: #498bc5;
--color-electric-eel-600: #3f76a7;
--color-electric-eel-700: #325e86;
--color-electric-eel-800: #214663;
--color-electric-eel-900: #163045;
--color-electric-eel-950: #071c2d;
}SCSS
$electric-eel: #7cb8ef;
$electric-eel-rgb: 124, 184, 239;
$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);
}