Nazwany kolor · #5A6A8C
Allegiance
Allegiance to #5A6A8C: rgb(90 106 140), hsl(221 22% 45%), oklch(0.525 0.057 264.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Allegiance color name →
#5A6A8C
oklch(0.525 0.057 264.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 697897
- 7986A3
- 8895AE
- 98A3B9
- A9B2C5
- BAC1D0
- CBD0DC
- DCE0E7
- EDEFF3
Odcienie ciemniejsze
- 4D5B79
- 414D67
- 353F55
- 293143
- 1E2433
- 131823
- 090D14
- 030407
- 000001
Tony
- 5E6C8B
- 626F8A
- 657189
- 697388
- 6D7587
- 717785
- 747A84
- 787C83
- 7C7E81
Harmonie kolorów
Komplementarna +180°
- 5A6A8C
Allegiance
- 7A6843
≈ Eminent Bronze
Analogowa -30° +30°
- 5A6A8C
Allegiance
- 487087
≈ Downpour
- 6C6488
≈ Posy Purple
Triada +120° +240°
- 5A6A8C
Allegiance
- 895D5A
≈ Raspberry Truffle
- 567356
≈ Green Valley
Komplementarna rozszczepiona +150° +210°
- 5A6A8C
Allegiance
- 85624A
≈ Burnt Terra
- 696E48
≈ Gulf Weed
Tetrada +90° +180° +270°
- 5A6A8C
Allegiance
- 855D6C
≈ Rose Garland
- 7A6843
≈ Eminent Bronze
- 457568
≈ Christmas Ivy
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.41:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.87:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}