لون مسمّى · #604E7A
Imperial Palace
Imperial Palace هو #604E7A: rgb(96 78 122)، hsl(265 22% 39%)، oklch(0.461 0.073 302.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Imperial Palace color name →
#604E7A
oklch(0.461 0.073 302.4)
تحويلات الألوان
- HEX
- #604e7a
- RGB
- rgb(96 78 122)
- HSL
- hsl(265 22% 39%)
- HWB
- hwb(265 31% 52%)
- OKLCH
- oklch(0.461 0.073 302.4)
- OKLab
- oklab(0.461 0.039 -0.062)
- CIE Lab
- lab(36.45 15.08 -22.36)
- LCH
- lch(36.45 26.97 304)
- CMYK
- cmyk(21% 36% 0% 52%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6E5E87
- 7D6F94
- 8D80A1
- 9C91AE
- ACA3BB
- BCB5C9
- CCC7D6
- DDD9E4
- EEECF1
درجات داكنة
- 524369
- 453859
- 382D49
- 2C233A
- 20192B
- 150F1D
- 0A0710
- 030205
- 000001
درجات رمادية
- 63537B
- 66587C
- 695D7C
- 6D627D
- 70677E
- 736C7E
- 76717F
- 79767F
- 7D7B80
تناسق الألوان
متمم +180°
- 604E7A
Imperial Palace
- 515F2F
≈ Basil Green
متجاور -30° +30°
- 604E7A
Imperial Palace
- 4A5581
≈ Mozart
- 70496A
≈ Old Fashioned Purple
ثلاثي +120° +240°
- 604E7A
Imperial Palace
- 754F2A
≈ Chocolate Rain
- 1A655C
≈ Humboldt Redwoods
متمم منقسم +150° +210°
- 604E7A
Imperial Palace
- 675723
≈ Fir Green
- 366444
≈ Forest Serenade
رباعي +90° +180° +270°
- 604E7A
Imperial Palace
- 7C483E
≈ Fire Roasted
- 515F2F
≈ Basil Green
- 176370
≈ Seamount
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.32:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.86:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--imperial-palace: #604e7a;
--imperial-palace-rgb: 96 78 122;
--imperial-palace-oklch: oklch(0.461 0.073 302.4);
}
.element {
color: var(--imperial-palace);
background-color: hsl(265 22% 39%);
border-color: oklch(0.461 0.073 302.4);
}Tailwind CSS v4
@theme {
--color-imperial-palace: #604e7a;
--color-imperial-palace-50: #faf0ff;
--color-imperial-palace-100: #ede2fc;
--color-imperial-palace-200: #dbcdee;
--color-imperial-palace-300: #bfafd6;
--color-imperial-palace-400: #a694c3;
--color-imperial-palace-500: #8f7baf;
--color-imperial-palace-600: #796893;
--color-imperial-palace-700: #615376;
--color-imperial-palace-800: #463d58;
--color-imperial-palace-900: #312a3d;
--color-imperial-palace-950: #1d1727;
}SCSS
$imperial-palace: #604e7a;
$imperial-palace-rgb: 96, 78, 122;
$imperial-palace-light: mix(#fff, $imperial-palace, 20%);
$imperial-palace-dark: mix(#000, $imperial-palace, 20%);
.element {
color: $imperial-palace;
box-shadow: 0 0 0 2px rgba($imperial-palace, 0.35);
}