Colore con nome · #588BB4
Alpha Blue
Alpha Blue è #588BB4: rgb(88 139 180), hsl(207 38% 53%), oklch(0.617 0.083 244). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Alpha Blue color name →
#588BB4
oklch(0.617 0.083 244)
Conversioni di colore
- HEX
- #588bb4
- RGB
- rgb(88 139 180)
- HSL
- hsl(207 38% 53%)
- HWB
- hwb(207 35% 29%)
- OKLCH
- oklch(0.617 0.083 244)
- OKLab
- oklab(0.617 -0.036 -0.075)
- CIE Lab
- lab(55.53 -8.79 -27.28)
- LCH
- lch(55.53 28.66 252.1)
- CMYK
- cmyk(51% 23% 0% 29%)
Tinte · Ombre · Toni
Tinte
- 6996BC
- 79A2C3
- 8AADCB
- 9AB9D2
- ABC4DA
- BBD0E1
- CCDBE9
- DDE7F0
- EEF3F8
Ombre
- 4B789C
- 3F6685
- 33546E
- 284358
- 1D3244
- 122330
- 09141D
- 03070C
- 000102
Toni
- 5D8AAF
- 6189AA
- 6688A5
- 6A87A0
- 6E869A
- 728595
- 768490
- 79838B
- 7D8185
Armonie di colore
Complementare +180°
- 588BB4
Alpha Blue
- A97B4E
≈ Star Anise Scent
Analogo -30° +30°
- 588BB4
Alpha Blue
- 4092A4
≈ Winter Time
- 7682B8
≈ Venture Violet
Triadico +120° +240°
- 588BB4
Alpha Blue
- B07080
≈ Shade of Mauve
- 7B8E55
≈ Scarabœus Nobilis
Complementare divisa +150° +210°
- 588BB4
Alpha Blue
- B27364
≈ Pinkish Brown
- 968548
≈ G.I.
Tetradico +90° +180° +270°
- 588BB4
Alpha Blue
- A4729A
≈ Drama Queen
- A97B4E
≈ Star Anise Scent
- 5C946E
≈ DaVanzo Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.64:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.76:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.76:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--alpha-blue: #588bb4;
--alpha-blue-rgb: 88 139 180;
--alpha-blue-oklch: oklch(0.617 0.083 244);
}
.element {
color: var(--alpha-blue);
background-color: hsl(207 38% 53%);
border-color: oklch(0.617 0.083 244);
}Tailwind CSS v4
@theme {
--color-alpha-blue: #588bb4;
--color-alpha-blue-50: #e3f8ff;
--color-alpha-blue-100: #d2ebff;
--color-alpha-blue-200: #b8d9f6;
--color-alpha-blue-300: #95bce0;
--color-alpha-blue-400: #73a4cc;
--color-alpha-blue-500: #538cb9;
--color-alpha-blue-600: #47779c;
--color-alpha-blue-700: #385f7e;
--color-alpha-blue-800: #27465d;
--color-alpha-blue-900: #1a3041;
--color-alpha-blue-950: #0a1c2a;
}SCSS
$alpha-blue: #588bb4;
$alpha-blue-rgb: 88, 139, 180;
$alpha-blue-light: mix(#fff, $alpha-blue, 20%);
$alpha-blue-dark: mix(#000, $alpha-blue, 20%);
.element {
color: $alpha-blue;
box-shadow: 0 0 0 2px rgba($alpha-blue, 0.35);
}