Color con nombre más cercano · #519BFF
#519BFF
Color con nombre más cercano: Sky Dancer
#519BFF (rgb(81 155 255), hsl(214 100% 66%), oklch(0.689 0.165 256.7)) se parece más al color con nombre Sky Dancer. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#519BFF
oklch(0.689 0.165 256.7)
Conversiones de color
- HEX
- #519bff
- RGB
- rgb(81 155 255)
- HSL
- hsl(214 100% 66%)
- HWB
- hwb(214 32% 0%)
- OKLCH
- oklch(0.689 0.165 256.7)
- OKLab
- oklab(0.689 -0.038 -0.161)
- CIE Lab
- lab(62.84 0.93 -57.56)
- LCH
- lch(62.84 57.57 270.9)
- CMYK
- cmyk(68% 39% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 64A6FF
- 76B0FF
- 87BAFF
- 98C5FF
- A9CFFF
- BBD8FF
- CCE2FF
- DDECFF
- EEF5FF
Sombras
- 4586DE
- 3A72BE
- 2F5E9E
- 244B80
- 1A3963
- 102848
- 07182E
- 020916
- 000103
Tonos
- 5899F2
- 5D97E6
- 6394D9
- 6892CC
- 6D8FC0
- 718DB3
- 758AA6
- 79879A
- 7D838D
Armonías de color
Complementario +180°
- 519BFF
Sky Dancer
- CD8D00
≈ Festering Brown
Análogo -30° +30°
- 519BFF
Sky Dancer
- 00AADA
≈ Malibu Blue
- 9588FB
≈ Lavender Blue Shadow
Triádico +120° +240°
- 519BFF
Sky Dancer
- EF6976
≈ Sun-Kissed Coral
- 67B141
≈ Sour Candy
Complementario dividido +150° +210°
- 519BFF
Sky Dancer
- EB7532
≈ Orange Crush
- A7A000
≈ Countryside
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--sky-dancer: #519bff;
--sky-dancer-rgb: 81 155 255;
--sky-dancer-oklch: oklch(0.689 0.165 256.7);
}
.element {
color: var(--sky-dancer);
background-color: hsl(214 100% 66%);
border-color: oklch(0.689 0.165 256.7);
}Tailwind CSS v4
@theme {
--color-sky-dancer: #519bff;
--color-sky-dancer-50: #d9f7ff;
--color-sky-dancer-100: #c7eaff;
--color-sky-dancer-200: #a9d6ff;
--color-sky-dancer-300: #82b8ff;
--color-sky-dancer-400: #599ffe;
--color-sky-dancer-500: #3084f1;
--color-sky-dancer-600: #2a70cb;
--color-sky-dancer-700: #215aa3;
--color-sky-dancer-800: #11427a;
--color-sky-dancer-900: #0b2e56;
--color-sky-dancer-950: #001a3a;
}SCSS
$sky-dancer: #519bff;
$sky-dancer-rgb: 81, 155, 255;
$sky-dancer-light: mix(#fff, $sky-dancer, 20%);
$sky-dancer-dark: mix(#000, $sky-dancer, 20%);
.element {
color: $sky-dancer;
box-shadow: 0 0 0 2px rgba($sky-dancer, 0.35);
}