Color con nombre · #384172
Lviv Blue
Lviv Blue es #384172: rgb(56 65 114), hsl(231 34% 33%), oklch(0.392 0.084 274.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Lviv Blue color name →
#384172
oklch(0.392 0.084 274.1)
Conversiones de color
- HEX
- #384172
- RGB
- rgb(56 65 114)
- HSL
- hsl(231 34% 33%)
- HWB
- hwb(231 22% 55%)
- OKLCH
- oklch(0.392 0.084 274.1)
- OKLab
- oklab(0.392 0.006 -0.083)
- CIE Lab
- lab(28.62 7.66 -29.93)
- LCH
- lch(28.62 30.9 284.3)
- CMYK
- cmyk(51% 43% 0% 55%)
Tintes · Sombras · Tonos
Tintes
- 495380
- 5B648E
- 6E769C
- 8189AA
- 959CB8
- A9AFC6
- BEC3D4
- D3D6E2
- E9EBF1
Sombras
- 2F3762
- 272E53
- 1F2544
- 171C36
- 0F1328
- 080B1B
- 04050E
- 010104
- 000001
Tonos
- 3F4774
- 454E76
- 4C5477
- 535A79
- 5A617A
- 62677C
- 696D7D
- 71737E
- 787A7F
Armonías de color
Complementario +180°
- 384172
Lviv Blue
- 544400
≈ Sugarloaf Brown
Análogo -30° +30°
- 384172
Lviv Blue
- 14496F
≈ Hopi Blue Corn
- 4F396A
≈ Succinct Violet
Triádico +120° +240°
- 384172
Lviv Blue
- 6B3326
≈ Root Brown
- 175230
≈ Permanent Green
Complementario dividido +150° +210°
- 384172
Lviv Blue
- 643A08
≈ Brown
- 3C4D13
≈ Godzilla
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.68:1 · APCA Lc 92
Ag
FailSobre negro
WCAG 2.16:1 · APCA Lc 10
Mejor color de texto: #FFFFFF
WCAG 9.68:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--lviv-blue: #384172;
--lviv-blue-rgb: 56 65 114;
--lviv-blue-oklch: oklch(0.392 0.084 274.1);
}
.element {
color: var(--lviv-blue);
background-color: hsl(231 34% 33%);
border-color: oklch(0.392 0.084 274.1);
}Tailwind CSS v4
@theme {
--color-lviv-blue: #384172;
--color-lviv-blue-50: #eef4ff;
--color-lviv-blue-100: #e0e6ff;
--color-lviv-blue-200: #cad2f9;
--color-lviv-blue-300: #abb4e3;
--color-lviv-blue-400: #8f9bd0;
--color-lviv-blue-500: #7582be;
--color-lviv-blue-600: #636ea0;
--color-lviv-blue-700: #4f5881;
--color-lviv-blue-800: #384160;
--color-lviv-blue-900: #262c43;
--color-lviv-blue-950: #15192b;
}SCSS
$lviv-blue: #384172;
$lviv-blue-rgb: 56, 65, 114;
$lviv-blue-light: mix(#fff, $lviv-blue, 20%);
$lviv-blue-dark: mix(#000, $lviv-blue, 20%);
.element {
color: $lviv-blue;
box-shadow: 0 0 0 2px rgba($lviv-blue, 0.35);
}