Colore con nome · #384172
Lviv Blue
Lviv Blue è #384172: rgb(56 65 114), hsl(231 34% 33%), oklch(0.392 0.084 274.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Lviv Blue color name →
#384172
oklch(0.392 0.084 274.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 495380
- 5B648E
- 6E769C
- 8189AA
- 959CB8
- A9AFC6
- BEC3D4
- D3D6E2
- E9EBF1
Ombre
- 2F3762
- 272E53
- 1F2544
- 171C36
- 0F1328
- 080B1B
- 04050E
- 010104
- 000001
Toni
- 3F4774
- 454E76
- 4C5477
- 535A79
- 5A617A
- 62677C
- 696D7D
- 71737E
- 787A7F
Armonie di colore
Complementare +180°
- 384172
Lviv Blue
- 544400
≈ Sugarloaf Brown
Analogo -30° +30°
- 384172
Lviv Blue
- 14496F
≈ Hopi Blue Corn
- 4F396A
≈ Succinct Violet
Triadico +120° +240°
- 384172
Lviv Blue
- 6B3326
≈ Root Brown
- 175230
≈ Permanent Green
Complementare divisa +150° +210°
- 384172
Lviv Blue
- 643A08
≈ Brown
- 3C4D13
≈ Godzilla
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.68:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.16:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.68:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
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);
}