لون مسمّى · #573894
Ruthless Empress
Ruthless Empress هو #573894: rgb(87 56 148)، hsl(260 45% 40%)، oklch(0.427 0.145 295.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Ruthless Empress color name →
#573894
oklch(0.427 0.145 295.1)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 654C9F
- 7560AB
- 8473B6
- 9586C1
- A59ACC
- B7AED6
- C8C2E1
- DAD6EB
- ECEAF5
درجات داكنة
- 4B2F80
- 3E276D
- 331F5A
- 271748
- 1C0F36
- 120826
- 080416
- 030108
- 000001
درجات رمادية
- 5A4193
- 5E4991
- 625090
- 66588E
- 6A5F8C
- 6E668A
- 726C88
- 777386
- 7B7983
تناسق الألوان
متمم +180°
- 573894
Ruthless Empress
- 4E5500
≈ Douro
متجاور -30° +30°
- 573894
Ruthless Empress
- 27479D
≈ Sea of Tears
- 742B79
≈ Count’s Wardrobe
ثلاثي +120° +240°
- 573894
Ruthless Empress
- 793C00
≈ Hazelnut Chocolate
- 005D4C
≈ Evergreen
متمم منقسم +150° +210°
- 573894
Ruthless Empress
- 654A00
≈ Notorious Neanderthal
- 006116
≈ Thuja Green
رباعي +90° +180° +270°
- 573894
Ruthless Empress
- 8D2022
≈ Shinshu
- 4E5500
≈ Douro
- 005A62
≈ Entrapment
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.75:1 · APCA Lc 90
Ag
Failعلى الأسود
WCAG 2.39:1 · APCA Lc 13
أفضل لون للنص: #FFFFFF
WCAG 8.75:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
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);
}