Colore con nome · #5A6A8C
Allegiance
Allegiance è #5A6A8C: rgb(90 106 140), hsl(221 22% 45%), oklch(0.525 0.057 264.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Allegiance color name →
#5A6A8C
oklch(0.525 0.057 264.9)
Conversioni di colore
- HEX
- #5a6a8c
- RGB
- rgb(90 106 140)
- HSL
- hsl(221 22% 45%)
- HWB
- hwb(221 35% 45%)
- OKLCH
- oklch(0.525 0.057 264.9)
- OKLab
- oklab(0.525 -0.005 -0.057)
- CIE Lab
- lab(44.51 0.45 -20.92)
- LCH
- lch(44.51 20.93 271.2)
- CMYK
- cmyk(36% 24% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 697897
- 7986A3
- 8895AE
- 98A3B9
- A9B2C5
- BAC1D0
- CBD0DC
- DCE0E7
- EDEFF3
Ombre
- 4D5B79
- 414D67
- 353F55
- 293143
- 1E2433
- 131823
- 090D14
- 030407
- 000001
Toni
- 5E6C8B
- 626F8A
- 657189
- 697388
- 6D7587
- 717785
- 747A84
- 787C83
- 7C7E81
Armonie di colore
Complementare +180°
- 5A6A8C
Allegiance
- 7A6843
≈ Eminent Bronze
Analogo -30° +30°
- 5A6A8C
Allegiance
- 487087
≈ Downpour
- 6C6488
≈ Posy Purple
Triadico +120° +240°
- 5A6A8C
Allegiance
- 895D5A
≈ Raspberry Truffle
- 567356
≈ Green Valley
Complementare divisa +150° +210°
- 5A6A8C
Allegiance
- 85624A
≈ Burnt Terra
- 696E48
≈ Gulf Weed
Tetradico +90° +180° +270°
- 5A6A8C
Allegiance
- 855D6C
≈ Rose Garland
- 7A6843
≈ Eminent Bronze
- 457568
≈ Christmas Ivy
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.41:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.87:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--allegiance: #5a6a8c;
--allegiance-rgb: 90 106 140;
--allegiance-oklch: oklch(0.525 0.057 264.9);
}
.element {
color: var(--allegiance);
background-color: hsl(221 22% 45%);
border-color: oklch(0.525 0.057 264.9);
}Tailwind CSS v4
@theme {
--color-allegiance: #5a6a8c;
--color-allegiance-50: #eef5ff;
--color-allegiance-100: #dfe8fc;
--color-allegiance-200: #c9d4ee;
--color-allegiance-300: #aab7d6;
--color-allegiance-400: #8e9ec1;
--color-allegiance-500: #7486ad;
--color-allegiance-600: #627192;
--color-allegiance-700: #4e5b75;
--color-allegiance-800: #384257;
--color-allegiance-900: #262e3c;
--color-allegiance-950: #151b26;
}SCSS
$allegiance: #5a6a8c;
$allegiance-rgb: 90, 106, 140;
$allegiance-light: mix(#fff, $allegiance, 20%);
$allegiance-dark: mix(#000, $allegiance, 20%);
.element {
color: $allegiance;
box-shadow: 0 0 0 2px rgba($allegiance, 0.35);
}