Colore con nome · #573894
Ruthless Empress
Ruthless Empress è #573894: rgb(87 56 148), hsl(260 45% 40%), oklch(0.427 0.145 295.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Ruthless Empress color name →
#573894
oklch(0.427 0.145 295.1)
Conversioni di colore
- HEX
- #573894
- RGB
- rgb(87 56 148)
- HSL
- hsl(260 45% 40%)
- HWB
- hwb(260 22% 42%)
- OKLCH
- oklch(0.427 0.145 295.1)
- OKLab
- oklab(0.427 0.061 -0.131)
- CIE Lab
- lab(31.23 30.66 -46.63)
- LCH
- lch(31.23 55.81 303.3)
- CMYK
- cmyk(41% 62% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 654C9F
- 7560AB
- 8473B6
- 9586C1
- A59ACC
- B7AED6
- C8C2E1
- DAD6EB
- ECEAF5
Ombre
- 4B2F80
- 3E276D
- 331F5A
- 271748
- 1C0F36
- 120826
- 080416
- 030108
- 000001
Toni
- 5A4193
- 5E4991
- 625090
- 66588E
- 6A5F8C
- 6E668A
- 726C88
- 777386
- 7B7983
Armonie di colore
Complementare +180°
- 573894
Ruthless Empress
- 4E5500
≈ Douro
Analogo -30° +30°
- 573894
Ruthless Empress
- 27479D
≈ Sea of Tears
- 742B79
≈ Count’s Wardrobe
Triadico +120° +240°
- 573894
Ruthless Empress
- 793C00
≈ Hazelnut Chocolate
- 005D4C
≈ Evergreen
Complementare divisa +150° +210°
- 573894
Ruthless Empress
- 654A00
≈ Notorious Neanderthal
- 006116
≈ Thuja Green
Tetradico +90° +180° +270°
- 573894
Ruthless Empress
- 8D2022
≈ Shinshu
- 4E5500
≈ Douro
- 005A62
≈ Entrapment
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.75:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.39:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.75:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--ruthless-empress: #573894;
--ruthless-empress-rgb: 87 56 148;
--ruthless-empress-oklch: oklch(0.427 0.145 295.1);
}
.element {
color: var(--ruthless-empress);
background-color: hsl(260 45% 40%);
border-color: oklch(0.427 0.145 295.1);
}Tailwind CSS v4
@theme {
--color-ruthless-empress: #573894;
--color-ruthless-empress-50: #f9edff;
--color-ruthless-empress-100: #ecdeff;
--color-ruthless-empress-200: #dac8ff;
--color-ruthless-empress-300: #bfa7f8;
--color-ruthless-empress-400: #a58cea;
--color-ruthless-empress-500: #8f6fda;
--color-ruthless-empress-600: #795eb8;
--color-ruthless-empress-700: #604b94;
--color-ruthless-empress-800: #45376f;
--color-ruthless-empress-900: #30254e;
--color-ruthless-empress-950: #1c1434;
}SCSS
$ruthless-empress: #573894;
$ruthless-empress-rgb: 87, 56, 148;
$ruthless-empress-light: mix(#fff, $ruthless-empress, 20%);
$ruthless-empress-dark: mix(#000, $ruthless-empress, 20%);
.element {
color: $ruthless-empress;
box-shadow: 0 0 0 2px rgba($ruthless-empress, 0.35);
}