Nazwany kolor · #5A4E88
Bright Eggplant
Bright Eggplant to #5A4E88: rgb(90 78 136), hsl(252 27% 42%), oklch(0.462 0.093 291.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Bright Eggplant color name →
#5A4E88
oklch(0.462 0.093 291.9)
Konwersje koloru
- HEX
- #5a4e88
- RGB
- rgb(90 78 136)
- HSL
- hsl(252 27% 42%)
- HWB
- hwb(252 31% 47%)
- OKLCH
- oklch(0.462 0.093 291.9)
- OKLab
- oklab(0.462 0.035 -0.086)
- CIE Lab
- lab(36.42 15.91 -31.04)
- LCH
- lch(36.42 34.88 297.1)
- CMYK
- cmyk(34% 43% 0% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 695F94
- 786FA0
- 8880AC
- 9892B8
- A8A3C4
- B9B5CF
- CAC7DB
- DBDAE7
- EDECF3
Odcienie ciemniejsze
- 4D4375
- 413863
- 352D52
- 292341
- 1E1931
- 130F22
- 090713
- 030206
- 000001
Tony
- 5D5388
- 615887
- 655E87
- 686386
- 6C6885
- 706C84
- 747184
- 787682
- 7C7B81
Harmonie kolorów
Komplementarna +180°
- 5A4E88
Bright Eggplant
- 5A5D13
≈ Greensboro
Analogowa -30° +30°
- 5A4E88
Bright Eggplant
- 3B588C
≈ Dark Cobalt Blue
- 714677
≈ Hyssop
Triada +120° +240°
- 5A4E88
Bright Eggplant
- 814822
≈ Russet
- 006853
≈ Piney Lake
Komplementarna rozszczepiona +150° +210°
- 5A4E88
Bright Eggplant
- 725206
≈ Pickled Grape Leaves
- 386533
≈ Vegas Green
Tetrada +90° +180° +270°
- 5A4E88
Bright Eggplant
- 854141
≈ Aged Brandy
- 5A5D13
≈ Greensboro
- 00656B
≈ Trouser Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.29:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.88:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.29:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--bright-eggplant: #5a4e88;
--bright-eggplant-rgb: 90 78 136;
--bright-eggplant-oklch: oklch(0.462 0.093 291.9);
}
.element {
color: var(--bright-eggplant);
background-color: hsl(252 27% 42%);
border-color: oklch(0.462 0.093 291.9);
}Tailwind CSS v4
@theme {
--color-bright-eggplant: #5a4e88;
--color-bright-eggplant-50: #f6f1ff;
--color-bright-eggplant-100: #e9e3ff;
--color-bright-eggplant-200: #d6cdf9;
--color-bright-eggplant-300: #b9afe3;
--color-bright-eggplant-400: #9f95d1;
--color-bright-eggplant-500: #877abf;
--color-bright-eggplant-600: #7268a1;
--color-bright-eggplant-700: #5c5381;
--color-bright-eggplant-800: #423d60;
--color-bright-eggplant-900: #2d2a44;
--color-bright-eggplant-950: #1a172c;
}SCSS
$bright-eggplant: #5a4e88;
$bright-eggplant-rgb: 90, 78, 136;
$bright-eggplant-light: mix(#fff, $bright-eggplant, 20%);
$bright-eggplant-dark: mix(#000, $bright-eggplant, 20%);
.element {
color: $bright-eggplant;
box-shadow: 0 0 0 2px rgba($bright-eggplant, 0.35);
}