Nazwany kolor · #5C546E
Arraign
Arraign to #5C546E: rgb(92 84 110), hsl(258 13% 38%), oklch(0.464 0.043 298.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Arraign color name →
#5C546E
oklch(0.464 0.043 298.8)
Konwersje koloru
- HEX
- #5c546e
- RGB
- rgb(92 84 110)
- HSL
- hsl(258 13% 38%)
- HWB
- hwb(258 33% 57%)
- OKLCH
- oklch(0.464 0.043 298.8)
- OKLab
- oklab(0.464 0.021 -0.037)
- CIE Lab
- lab(37.27 7.74 -13.76)
- LCH
- lch(37.27 15.79 299.4)
- CMYK
- cmyk(16% 24% 0% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6B647C
- 7A7489
- 8A8498
- 9995A6
- AAA6B4
- BAB7C3
- CBC9D2
- DCDAE1
- EDEDF0
Odcienie ciemniejsze
- 4F485F
- 423C50
- 363141
- 2A2633
- 1F1B26
- 141119
- 0A080E
- 030204
- 000001
Tony
- 5F5870
- 635D72
- 676174
- 6A6575
- 6E6A77
- 716E79
- 75737B
- 79777D
- 7C7C7E
Harmonie kolorów
Komplementarna +180°
- 5C546E
Arraign
- 565D41
≈ Cypress
Analogowa -30° +30°
- 5C546E
Arraign
- 4F5871
≈ Hormagaunt Purple
- 675165
≈ Purple Trinket
Triada +120° +240°
- 5C546E
Arraign
- 6B5341
≈ Buckingham Palace
- 3E6159
≈ Emerson
Komplementarna rozszczepiona +150° +210°
- 5C546E
Arraign
- 63583D
≈ Puff Dragon
- 49604C
≈ Vine Leaf
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.12:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.94:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.12:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--arraign: #5c546e;
--arraign-rgb: 92 84 110;
--arraign-oklch: oklch(0.464 0.043 298.8);
}
.element {
color: var(--arraign);
background-color: hsl(258 13% 38%);
border-color: oklch(0.464 0.043 298.8);
}Tailwind CSS v4
@theme {
--color-arraign: #5c546e;
--color-arraign-50: #f7f3ff;
--color-arraign-100: #eae5f4;
--color-arraign-200: #d7d0e4;
--color-arraign-300: #bbb3ca;
--color-arraign-400: #a199b5;
--color-arraign-500: #8a809f;
--color-arraign-600: #746d86;
--color-arraign-700: #5d576c;
--color-arraign-800: #443f50;
--color-arraign-900: #2f2c37;
--color-arraign-950: #1b1922;
}SCSS
$arraign: #5c546e;
$arraign-rgb: 92, 84, 110;
$arraign-light: mix(#fff, $arraign, 20%);
$arraign-dark: mix(#000, $arraign, 20%);
.element {
color: $arraign;
box-shadow: 0 0 0 2px rgba($arraign, 0.35);
}