Colore con nome più vicino · #5A56EE
#5A56EE
Colore con nome più vicino: Warm Blue
#5A56EE (rgb(90 86 238), hsl(242 82% 64%), oklch(0.55 0.221 277.4)) è più vicino al colore con nome Warm Blue. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5A56EE
oklch(0.55 0.221 277.4)
Conversioni di colore
- HEX
- #5a56ee
- RGB
- rgb(90 86 238)
- HSL
- hsl(242 82% 64%)
- HWB
- hwb(242 34% 7%)
- OKLCH
- oklch(0.55 0.221 277.4)
- OKLab
- oklab(0.55 0.029 -0.219)
- CIE Lab
- lab(44.42 36.9 -77.76)
- LCH
- lch(44.42 86.07 295.4)
- CMYK
- cmyk(62% 64% 0% 7%)
Tinte · Ombre · Toni
Tinte
- 676AF2
- 757CF5
- 848EF8
- 949FFA
- A4AFFC
- B6BFFE
- C7CFFF
- DADFFF
- ECEFFF
Ombre
- 4D4ACF
- 413EB1
- 353293
- 292777
- 1E1C5C
- 131242
- 09082A
- 030214
- 000003
Toni
- 5C5DE4
- 5F63D9
- 6269CF
- 656DC4
- 6971B9
- 6D75AE
- 7278A3
- 767B98
- 7B7E8C
Armonie di colore
Complementare +180°
- 5A56EE
Warm Blue
- 847100
≈ Sunlit Kelp Green
Analogo -30° +30°
- 5A56EE
Warm Blue
- 0076C1
≈ Ocean Boat Blue
- 953CD3
≈ Dreamscape Purple
Triadico +120° +240°
- 5A56EE
Warm Blue
- C43B00
≈ Mahogany
- 008852
≈ Pixel Nature
Complementare divisa +150° +210°
- 5A56EE
Warm Blue
- 9F6100
≈ Raw Sienna
- 5A8000
≈ Avocado
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.24:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-blue: #5a56ee;
--warm-blue-rgb: 90 86 238;
--warm-blue-oklch: oklch(0.55 0.221 277.4);
}
.element {
color: var(--warm-blue);
background-color: hsl(242 82% 64%);
border-color: oklch(0.55 0.221 277.4);
}Tailwind CSS v4
@theme {
--color-warm-blue: #5a56ee;
--color-warm-blue-50: #e7efff;
--color-warm-blue-100: #d8e0ff;
--color-warm-blue-200: #c1c9ff;
--color-warm-blue-300: #a2a8ff;
--color-warm-blue-400: #838aff;
--color-warm-blue-500: #6b68ff;
--color-warm-blue-600: #5a59e8;
--color-warm-blue-700: #4847bb;
--color-warm-blue-800: #31348d;
--color-warm-blue-900: #212464;
--color-warm-blue-950: #111145;
}SCSS
$warm-blue: #5a56ee;
$warm-blue-rgb: 90, 86, 238;
$warm-blue-light: mix(#fff, $warm-blue, 20%);
$warm-blue-dark: mix(#000, $warm-blue, 20%);
.element {
color: $warm-blue;
box-shadow: 0 0 0 2px rgba($warm-blue, 0.35);
}