#953672#953672
#953672 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.102؛ OKLCH L 48.7% C 0.144 H 344.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.89:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #953672 |
|---|---|
| RGB | rgb(149, 54, 114) |
| HSL | hsl(322, 47%, 40%) |
| HSV | hsv(322, 64%, 58%) |
| CMYK | cmyk(0%, 63.8%, 23.5%, 41.6%) |
| CIE-LAB | lab(38.28, 46.38, -14.14) |
| CIE-LCH | lch(38.28, 48.48, 343.05°) |
| OKLab | oklab(48.69% 0.1395 -0.0375) |
| OKLCH | oklch(48.69% 0.144 344.9) |
| XYZ | xyz(16.7514, 10.2444, 17.0115) |
| Luminance | 0.1024 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Bruise
#7E4071
ΔE00 5.30
Red Violet
#9E0168
ΔE00 5.56
Light Eggplant
#894585
ΔE00 6.22
Deep Magenta
#A0025C
ΔE00 6.95
Dark Fuchsia
#9D0759
ΔE00 7.21
Warm Purple
#952E8F
ΔE00 7.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#953672 #369559
analogous
#883695 #953672 #953643
triadic
#953672 #729536 #367295
tetradic
#953672 #958836 #369559 #364395
square
#953672 #958836 #369559 #364395
split-complementary
#953672 #439536 #369588
monochromatic
#3B152D #682650 #953672 #BE4B93 #CE78AE
إمكانية الوصول والتباين
On white
6.89
#953672 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.05
#953672 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #953672
6.89:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##953672 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##953672 | 1.00 | 6.89 | 3.05 | 6.89 |
| #FFFFFF | 6.89 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.89 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3F5074
Deuteranopia (green-blind)
#5B6070
Tritanopia (blue-blind)
#9F354F
Achromatopsia (no color)
#5A5A5A
وسوم التصميم والكود
CSS
--color: #953672; /* rgb */ color: rgb(149, 54, 114); /* oklch */ color: oklch(48.7% 0.144 344.9);
Tailwind
colors: {
custom: {
50: '#b7739a',
500: '#953672',
950: '#000000',
},
}SCSS
$custom: #953672; $custom-light: #b7739a; $custom-dark: #000000;
JSON
{
"hex": "#953672",
"rgb": {
"r": 149,
"g": 54,
"b": 114
},
"hsl": {
"h": 322.105,
"s": 46.798,
"l": 39.804
},
"oklch": {
"l": 0.48688,
"c": 0.14445,
"h": 344.9
},
"luminance": 0.10243
}Semantic roles & 50–950 ramp
primary
#953672
secondary
#70B78A
accent
#D68251
background
#FBF7F9
surface
#F6EDF2
border
#D0C8CC
text
#12080E
muted
#817B7E