#AF5D91#AF5D91
#AF5D91 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.190؛ OKLCH L 59.1% C 0.124 H 342.9°. أفضل لون لنص المتن هو #000000 بتباين 4.80:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF5D91 |
|---|---|
| RGB | rgb(175, 93, 145) |
| HSL | hsl(322, 34%, 53%) |
| HSV | hsv(322, 47%, 69%) |
| CMYK | cmyk(0%, 46.9%, 17.1%, 31.4%) |
| CIE-LAB | lab(50.67, 40.09, -13.79) |
| CIE-LCH | lch(50.67, 42.40, 341.03°) |
| OKLab | oklab(59.08% 0.1186 -0.0366) |
| OKLCH | oklch(59.08% 0.124 342.9) |
| XYZ | xyz(26.7048, 18.9889, 29.0413) |
| Luminance | 0.1899 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 4.61
Purpleish
#98568D
ΔE00 5.85
Purplish
#94568C
ΔE00 6.66
Purplish Pink
#CE5DAE
ΔE00 7.36
Dark Lilac
#9C6DA5
ΔE00 8.07
Dusky Purple
#895B7B
ΔE00 8.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF5D91 #5DAF7B
analogous
#A45DAF #AF5D91 #AF5D68
triadic
#AF5D91 #91AF5D #5D91AF
tetradic
#AF5D91 #AFA45D #5DAF7B #5D68AF
square
#AF5D91 #AFA45D #5DAF7B #5D68AF
split-complementary
#AF5D91 #68AF5D #5DAFA4
monochromatic
#61304F #8A4471 #AF5D91 #C386AD #D7AFC9
إمكانية الوصول والتباين
On white
4.38
#AF5D91 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.80
#AF5D91 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AF5D91
4.80:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF5D91 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AF5D91 | 1.00 | 4.38 | 4.80 | 4.80 |
| #FFFFFF | 4.38 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.80 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#627093
Deuteranopia (green-blind)
#787E8F
Tritanopia (blue-blind)
#B85D71
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #af5d91; /* rgb */ color: rgb(175, 93, 145); /* oklch */ color: oklch(59.1% 0.124 342.9);
Tailwind
colors: {
custom: {
50: '#c98db1',
500: '#af5d91',
950: '#000000',
},
}SCSS
$custom: #af5d91; $custom-light: #c98db1; $custom-dark: #000000;
JSON
{
"hex": "#af5d91",
"rgb": {
"r": 175,
"g": 93,
"b": 145
},
"hsl": {
"h": 321.951,
"s": 33.884,
"l": 52.549
},
"oklch": {
"l": 0.59083,
"c": 0.12416,
"h": 342.9
},
"luminance": 0.18987
}Semantic roles & 50–950 ramp
primary
#AF5D91
secondary
#A2C6AF
accent
#CA855E
background
#FCF8FA
surface
#F8F0F5
border
#D1CBCF
text
#130C10
muted
#827D7F