#9B287C#9B287C
#9B287C لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.099؛ OKLCH L 48.6% C 0.174 H 340.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9B287C |
|---|---|
| RGB | rgb(155, 40, 124) |
| HSL | hsl(316, 59%, 38%) |
| HSV | hsv(316, 74%, 61%) |
| CMYK | cmyk(0%, 74.2%, 20%, 39.2%) |
| CIE-LAB | lab(37.74, 55.04, -21.11) |
| CIE-LCH | lch(37.74, 58.95, 339.02°) |
| OKLab | oklab(48.63% 0.1646 -0.0568) |
| OKLCH | oklch(48.63% 0.174 340.9) |
| XYZ | xyz(17.9150, 9.9432, 20.0406) |
| Luminance | 0.0994 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Warm Purple
#952E8F
ΔE00 4.63
Red Violet
#9E0168
ΔE00 4.93
Barney Purple
#A00498
ΔE00 6.35
Light Eggplant
#894585
ΔE00 6.46
Bruise
#7E4071
ΔE00 7.09
Deep Magenta
#A0025C
ΔE00 7.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9B287C #289B47
analogous
#80289B #9B287C #9B2842
triadic
#9B287C #7C9B28 #287C9B
tetradic
#9B287C #9B8028 #289B47 #28429B
square
#9B287C #9B8028 #289B47 #28429B
split-complementary
#9B287C #429B28 #289B80
monochromatic
#3A0F2E #6A1B55 #9B287C #CB35A3 #D766B9
إمكانية الوصول والتباين
On white
7.03
#9B287C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.99
#9B287C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #9B287C
7.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9B287C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##9B287C | 1.00 | 7.03 | 2.99 | 7.03 |
| #FFFFFF | 7.03 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.99 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.03 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#314D7E
Deuteranopia (green-blind)
#565F79
Tritanopia (blue-blind)
#A52B4F
Achromatopsia (no color)
#595959
وسوم التصميم والكود
CSS
--color: #9b287c; /* rgb */ color: rgb(155, 40, 124); /* oklch */ color: oklch(48.6% 0.174 340.9);
Tailwind
colors: {
custom: {
50: '#bc6da2',
500: '#9b287c',
950: '#000000',
},
}SCSS
$custom: #9b287c; $custom-light: #bc6da2; $custom-dark: #000000;
JSON
{
"hex": "#9b287c",
"rgb": {
"r": 155,
"g": 40,
"b": 124
},
"hsl": {
"h": 316.174,
"s": 58.974,
"l": 38.235
},
"oklch": {
"l": 0.48634,
"c": 0.17417,
"h": 340.9
},
"luminance": 0.09941
}Semantic roles & 50–950 ramp
primary
#9B287C
secondary
#61BD7A
accent
#E27046
background
#FCF6FA
surface
#F8ECF3
border
#D1C7CD
text
#12080F
muted
#817B7F