Cor nomeada mais próxima · #7CB8EF
#7CB8EF
Cor nomeada mais próxima: Electric Eel
#7CB8EF (rgb(124 184 239), hsl(209 78% 71%), oklch(0.763 0.101 247.2)) é mais próxima da cor nomeada Electric Eel. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#7CB8EF
oklch(0.763 0.101 247.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 8ABFF1
- 97C6F3
- A4CEF5
- B1D5F7
- BEDCF8
- CBE3FA
- D8EAFB
- E5F1FD
- F2F8FE
Sombras
- 6BA0D0
- 5A88B1
- 4A7194
- 3B5B78
- 2C455C
- 1E3142
- 111E2A
- 050C14
- 010203
Tons
- 7DB2E4
- 7EADD8
- 7FA7CD
- 80A2C2
- 809CB7
- 8097AC
- 8191A1
- 808B96
- 80868B
Harmonias de cor
Complementar +180°
- 7CB8EF
Electric Eel
- DDA56A
≈ India Trade
Análoga -30° +30°
- 7CB8EF
Electric Eel
- 5CC2DC
≈ Naxos Sky
- A2ACF2
≈ Wondrous Wisteria
Tríade +120° +240°
- 7CB8EF
Electric Eel
- E997A7
≈ Second Blush
- A0BE77
≈ Tan Green
Complementar dividida +150° +210°
- 7CB8EF
Electric Eel
- EA9B84
≈ Tonys Pink
- C4B264
≈ Split Pea Soup
Tétrade +90° +180° +270°
- 7CB8EF
Electric Eel
- DC99C9
≈ Lilac Chiffon
- DDA56A
≈ India Trade
- 79C698
≈ Green Gala
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.95:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
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);
}