Color con nombre · #7DF9FF
Electric Blue
Electric Blue es #7DF9FF: rgb(125 249 255), hsl(183 100% 75%), oklch(0.913 0.111 199.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Electric Blue color name →
#7DF9FF
oklch(0.913 0.111 199.6)
Conversiones de color
- HEX
- #7df9ff
- RGB
- rgb(125 249 255)
- HSL
- hsl(183 100% 75%)
- HWB
- hwb(183 49% 0%)
- OKLCH
- oklch(0.913 0.111 199.6)
- OKLab
- oklab(0.913 -0.105 -0.037)
- CIE Lab
- lab(91.02 -35.08 -14.16)
- LCH
- lch(91.02 37.83 202)
- CMYK
- cmyk(51% 2% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 8EFAFF
- 9DFBFF
- ACFBFF
- B9FCFF
- C6FDFF
- D2FDFF
- DEFEFF
- E9FEFF
- F4FFFF
Sombras
- 6CD9DE
- 5BB9BE
- 4B9A9E
- 3B7D80
- 2C6163
- 1E4648
- 112C2E
- 051516
- 010303
Tonos
- 80ECF2
- 83E0E4
- 85D4D7
- 86C7CA
- 86BBBE
- 86AFB1
- 85A3A4
- 849798
- 828C8C
Armonías de color
Complementario +180°
- 7DF9FF
Electric Blue
- FFD7D6
≈ We Peep
Análogo -30° +30°
- 7DF9FF
Electric Blue
- 91FBD6
≈ Roller Derby
- BFEAFF
≈ Blue Java Banana
Triádico +120° +240°
- 7DF9FF
Electric Blue
- F7D5FF
≈ Pink Diamond
- FFDDA6
≈ Organza
Complementario dividido +150° +210°
- 7DF9FF
Electric Blue
- FFD5E7
≈ Pink Currant
- FFDAC6
≈ Quilt
Tetrádico +90° +180° +270°
- 7DF9FF
Electric Blue
- E1DEFF
≈ Contrail
- FFD7D6
≈ We Peep
- E7E990
≈ Lime Juice Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.86:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.86:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--electric-blue: #7df9ff;
--electric-blue-rgb: 125 249 255;
--electric-blue-oklch: oklch(0.913 0.111 199.6);
}
.element {
color: var(--electric-blue);
background-color: hsl(183 100% 75%);
border-color: oklch(0.913 0.111 199.6);
}Tailwind CSS v4
@theme {
--color-electric-blue: #7df9ff;
--color-electric-blue-50: #d1ffff;
--color-electric-blue-100: #bdf4f8;
--color-electric-blue-200: #9ae3e8;
--color-electric-blue-300: #6cc9cf;
--color-electric-blue-400: #35b2b8;
--color-electric-blue-500: #009ba3;
--color-electric-blue-600: #008389;
--color-electric-blue-700: #00696e;
--color-electric-blue-800: #004e50;
--color-electric-blue-900: #003638;
--color-electric-blue-950: #002122;
}SCSS
$electric-blue: #7df9ff;
$electric-blue-rgb: 125, 249, 255;
$electric-blue-light: mix(#fff, $electric-blue, 20%);
$electric-blue-dark: mix(#000, $electric-blue, 20%);
.element {
color: $electric-blue;
box-shadow: 0 0 0 2px rgba($electric-blue, 0.35);
}