Color con nombre · #3F00FF
Electric Ultramarine
Electric Ultramarine es #3F00FF: rgb(63 0 255), hsl(255 100% 50%), oklch(0.473 0.301 273.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Electric Ultramarine color name →
#3F00FF
oklch(0.473 0.301 273.6)
Conversiones de color
- HEX
- #3f00ff
- RGB
- rgb(63 0 255)
- HSL
- hsl(255 100% 50%)
- HWB
- hwb(255 0% 0%)
- OKLCH
- oklch(0.473 0.301 273.6)
- OKLab
- oklab(0.473 0.019 -0.3)
- CIE Lab
- lab(32.19 69.75 -107.58)
- LCH
- lch(32.19 128.21 303)
- CMYK
- cmyk(75% 100% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 4840FF
- 555EFF
- 6576FF
- 788CFF
- 8CA1FF
- A2B5FF
- B8C8FF
- CFDAFF
- E7EDFF
Sombras
- 3500DE
- 2C00BE
- 23009E
- 1B0080
- 120063
- 0A0048
- 04002E
- 010016
- 000003
Tonos
- 402EF3
- 4241E8
- 474FDC
- 4D5AD0
- 5463C3
- 5C6AB7
- 6471AA
- 6D779D
- 767C8F
Armonías de color
Complementario +180°
- 3F00FF
Electric Ultramarine
- 6E5A00
≈ Hot Mustard
Análogo -30° +30°
- 3F00FF
Electric Ultramarine
- 006197
≈ Atlantic Mystique
- 7C00C9
≈ Puissant Purple
Triádico +120° +240°
- 3F00FF
Electric Ultramarine
- A62200
≈ Saveloy
- 006E3A
≈ Column of Oak Green
Complementario dividido +150° +210°
- 3F00FF
Electric Ultramarine
- 854C00
≈ Dried Mustard
- 4F6600
≈ Serrano Pepper
Tetrádico +90° +180° +270°
- 3F00FF
Electric Ultramarine
- A90050
≈ Shy Guy Red
- 6E5A00
≈ Hot Mustard
- 006B61
≈ Fashion Blue
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.90:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 2.65:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 7.90:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--electric-ultramarine: #3f00ff;
--electric-ultramarine-rgb: 63 0 255;
--electric-ultramarine-oklch: oklch(0.473 0.301 273.6);
}
.element {
color: var(--electric-ultramarine);
background-color: hsl(255 100% 50%);
border-color: oklch(0.473 0.301 273.6);
}Tailwind CSS v4
@theme {
--color-electric-ultramarine: #3f00ff;
--color-electric-ultramarine-50: #ddeeff;
--color-electric-ultramarine-100: #ccdfff;
--color-electric-ultramarine-200: #b2c6ff;
--color-electric-ultramarine-300: #91a0ff;
--color-electric-ultramarine-400: #707dff;
--color-electric-ultramarine-500: #5b4cff;
--color-electric-ultramarine-600: #4d43ff;
--color-electric-ultramarine-700: #3c36dd;
--color-electric-ultramarine-800: #2628a7;
--color-electric-ultramarine-900: #191b77;
--color-electric-ultramarine-950: #0c0754;
}SCSS
$electric-ultramarine: #3f00ff;
$electric-ultramarine-rgb: 63, 0, 255;
$electric-ultramarine-light: mix(#fff, $electric-ultramarine, 20%);
$electric-ultramarine-dark: mix(#000, $electric-ultramarine, 20%);
.element {
color: $electric-ultramarine;
box-shadow: 0 0 0 2px rgba($electric-ultramarine, 0.35);
}