#652CAC#652CAC
#652CAC لون داكن وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.075؛ OKLCH L 44.5% C 0.190 H 298.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.37:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #652CAC |
|---|---|
| RGB | rgb(101, 44, 172) |
| HSL | hsl(267, 59%, 42%) |
| HSV | hsv(267, 74%, 67%) |
| CMYK | cmyk(41.3%, 74.4%, 0%, 32.5%) |
| CIE-LAB | lab(33.02, 50.94, -58.43) |
| CIE-LCH | lch(33.02, 77.52, 311.08°) |
| OKLab | oklab(44.55% 0.0909 -0.167) |
| OKLCH | oklch(44.55% 0.19 298.6) |
| XYZ | xyz(13.7120, 7.5464, 39.7559) |
| Luminance | 0.0755 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Rebeccapurple
#663399
ΔE00 3.50
Purple Blue
#5D21D0
ΔE00 5.18
Purple (survey)
#7E1E9C
ΔE00 6.14
Blurple
#5539CC
ΔE00 6.15
Blue With A Hint Of Purple
#533CC6
ΔE00 6.19
Violet Blue
#510AC9
ΔE00 6.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#652CAC #73AC2C
analogous
#2C33AC #652CAC #A52CAC
triadic
#652CAC #AC652C #2CAC65
tetradic
#652CAC #AC2C33 #73AC2C #2CACA5
square
#652CAC #AC2C33 #73AC2C #2CACA5
split-complementary
#652CAC #ACA52C #33AC2C
monochromatic
#2C134B #48207B #652CAC #8346D0 #A476DC
إمكانية الوصول والتباين
On white
8.37
#652CAC on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.51
#652CAC on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #652CAC
8.37:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##652CAC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##652CAC | 1.00 | 8.37 | 2.51 | 8.37 |
| #FFFFFF | 8.37 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.51 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.37 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#004EB0
Deuteranopia (green-blind)
#004CA9
Tritanopia (blue-blind)
#544D6A
Achromatopsia (no color)
#4E4E4E
وسوم التصميم والكود
CSS
--color: #652cac; /* rgb */ color: rgb(101, 44, 172); /* oklch */ color: oklch(44.5% 0.190 298.6);
Tailwind
colors: {
custom: {
50: '#976bc6',
500: '#652cac',
950: '#000000',
},
}SCSS
$custom: #652cac; $custom-light: #976bc6; $custom-dark: #000000;
JSON
{
"hex": "#652cac",
"rgb": {
"r": 101,
"g": 44,
"b": 172
},
"hsl": {
"h": 266.719,
"s": 59.259,
"l": 42.353
},
"oklch": {
"l": 0.44545,
"c": 0.19016,
"h": 298.6
},
"luminance": 0.07547
}Semantic roles & 50–950 ramp
primary
#652CAC
secondary
#9EC470
accent
#E2459C
background
#F9F6FC
surface
#F2EBF8
border
#CCC6D1
text
#0E0713
muted
#7E7A82