Nazwany kolor · #AE58AB
Royalty Loyalty
Royalty Loyalty to #AE58AB: rgb(174 88 171), hsl(302 35% 51%), oklch(0.593 0.154 328.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Royalty Loyalty color name →
#AE58AB
oklch(0.593 0.154 328.6)
Konwersje koloru
- HEX
- #ae58ab
- RGB
- rgb(174 88 171)
- HSL
- hsl(302 35% 51%)
- HWB
- hwb(302 35% 32%)
- OKLCH
- oklch(0.593 0.154 328.6)
- OKLab
- oklab(0.593 0.131 -0.08)
- CIE Lab
- lab(50.55 44.41 -28.98)
- LCH
- lch(50.55 53.03 326.9)
- CMYK
- cmyk(0% 49% 2% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B769B4
- C07ABC
- C88BC5
- D19BCD
- D9ABD6
- E1BCDE
- E9CDE6
- F0DDEF
- F8EEF7
Odcienie ciemniejsze
- 974B94
- 803F7E
- 6A3368
- 552854
- 411D40
- 2E122D
- 1C091B
- 0B030B
- 010001
Tony
- AA5DA7
- A662A3
- A2669F
- 9D6B9A
- 996F96
- 947392
- 8F768D
- 8A7A89
- 857D85
Harmonie kolorów
Komplementarna +180°
- AE58AB
Royalty Loyalty
- 259646
≈ Boogie Blast
Analogowa -30° +30°
- AE58AB
Royalty Loyalty
- 8B66CC
≈ Amethyst
- C3507D
≈ Fat Smooch
Triada +120° +240°
- AE58AB
Royalty Loyalty
- 9C7900
≈ Yellowish Brown
- 008F9E
≈ Coral Coast
Komplementarna rozszczepiona +150° +210°
- AE58AB
Royalty Loyalty
- 778900
≈ Elwynn Forest Olive
- 00937F
≈ Aqua Waters
Tetrada +90° +180° +270°
- AE58AB
Royalty Loyalty
- BA6500
≈ Camel Fur
- 259646
≈ Boogie Blast
- 0087C4
≈ Azul Caribe
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.38:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.78:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.78:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--royalty-loyalty: #ae58ab;
--royalty-loyalty-rgb: 174 88 171;
--royalty-loyalty-oklch: oklch(0.593 0.154 328.6);
}
.element {
color: var(--royalty-loyalty);
background-color: hsl(302 35% 51%);
border-color: oklch(0.593 0.154 328.6);
}Tailwind CSS v4
@theme {
--color-royalty-loyalty: #ae58ab;
--color-royalty-loyalty-50: #ffe6ff;
--color-royalty-loyalty-100: #ffd6ff;
--color-royalty-loyalty-200: #fbbdf3;
--color-royalty-loyalty-300: #e49adc;
--color-royalty-loyalty-400: #cf7bcb;
--color-royalty-loyalty-500: #bb5bb8;
--color-royalty-loyalty-600: #9e4e9b;
--color-royalty-loyalty-700: #7f3e7d;
--color-royalty-loyalty-800: #5d2c5e;
--color-royalty-loyalty-900: #411e42;
--color-royalty-loyalty-950: #2a0d2a;
}SCSS
$royalty-loyalty: #ae58ab;
$royalty-loyalty-rgb: 174, 88, 171;
$royalty-loyalty-light: mix(#fff, $royalty-loyalty, 20%);
$royalty-loyalty-dark: mix(#000, $royalty-loyalty, 20%);
.element {
color: $royalty-loyalty;
box-shadow: 0 0 0 2px rgba($royalty-loyalty, 0.35);
}