Colore con nome · #365F8C
Luxurious Blue
Luxurious Blue è #365F8C: rgb(54 95 140), hsl(211 44% 38%), oklch(0.477 0.087 252.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Luxurious Blue color name →
#365F8C
oklch(0.477 0.087 252.1)
Conversioni di colore
- HEX
- #365f8c
- RGB
- rgb(54 95 140)
- HSL
- hsl(211 44% 38%)
- HWB
- hwb(211 21% 45%)
- OKLCH
- oklch(0.477 0.087 252.1)
- OKLab
- oklab(0.477 -0.027 -0.082)
- CIE Lab
- lab(38.92 -3.66 -29.78)
- LCH
- lch(38.92 30 263)
- CMYK
- cmyk(61% 32% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 496E98
- 5C7EA3
- 708DAF
- 839DBA
- 97ADC5
- ABBDD1
- C0CDDC
- D5DDE8
- EAEEF3
Ombre
- 2E5279
- 254467
- 1E3855
- 162C43
- 0F2033
- 081523
- 030A14
- 010307
- 000001
Toni
- 3E638B
- 46668A
- 4D6989
- 556D88
- 5C7087
- 637386
- 6B7785
- 727A83
- 797D82
Armonie di colore
Complementare +180°
- 365F8C
Luxurious Blue
- 7A541D
≈ Lizard Brown
Analogo -30° +30°
- 365F8C
Luxurious Blue
- 05677F
≈ Tahitian Tide
- 55568C
≈ Piccadilly Purple
Triadico +120° +240°
- 365F8C
Luxurious Blue
- 86474F
≈ Red Elegance
- 4A6731
≈ Dell
Complementare divisa +150° +210°
- 365F8C
Luxurious Blue
- 854B34
≈ Paarl
- 675E1B
≈ Brussels Sprout Green
Tetradico +90° +180° +270°
- 365F8C
Luxurious Blue
- 7E486A
≈ Madder Magenta
- 7A541D
≈ Lizard Brown
- 246C4D
≈ Precious Emerald
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.61:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.17:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--luxurious-blue: #365f8c;
--luxurious-blue-rgb: 54 95 140;
--luxurious-blue-oklch: oklch(0.477 0.087 252.1);
}
.element {
color: var(--luxurious-blue);
background-color: hsl(211 44% 38%);
border-color: oklch(0.477 0.087 252.1);
}Tailwind CSS v4
@theme {
--color-luxurious-blue: #365f8c;
--color-luxurious-blue-50: #e5f7ff;
--color-luxurious-blue-100: #d5eaff;
--color-luxurious-blue-200: #bbd7f9;
--color-luxurious-blue-300: #99bae4;
--color-luxurious-blue-400: #79a2d1;
--color-luxurious-blue-500: #5a89be;
--color-luxurious-blue-600: #4d74a0;
--color-luxurious-blue-700: #3d5d81;
--color-luxurious-blue-800: #2a445f;
--color-luxurious-blue-900: #1c2f43;
--color-luxurious-blue-950: #0c1c2b;
}SCSS
$luxurious-blue: #365f8c;
$luxurious-blue-rgb: 54, 95, 140;
$luxurious-blue-light: mix(#fff, $luxurious-blue, 20%);
$luxurious-blue-dark: mix(#000, $luxurious-blue, 20%);
.element {
color: $luxurious-blue;
box-shadow: 0 0 0 2px rgba($luxurious-blue, 0.35);
}