#A46293#A46293
#A46293 لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.187؛ OKLCH L 58.6% C 0.107 H 337.1°. أفضل لون لنص المتن هو #000000 بتباين 4.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A46293 |
|---|---|
| RGB | rgb(164, 98, 147) |
| HSL | hsl(315, 27%, 51%) |
| HSV | hsv(315, 40%, 64%) |
| CMYK | cmyk(0%, 40.2%, 10.4%, 35.7%) |
| CIE-LAB | lab(50.38, 34.01, -15.56) |
| CIE-LCH | lch(50.38, 37.40, 335.42°) |
| OKLab | oklab(58.58% 0.0985 -0.0417) |
| OKLCH | oklch(58.58% 0.107 337.1) |
| XYZ | xyz(24.9440, 18.7359, 29.9006) |
| Luminance | 0.1873 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 4.37
Purpleish
#98568D
ΔE00 4.65
Purplish
#94568C
ΔE00 5.25
Dark Lilac
#9C6DA5
ΔE00 5.78
Faded Purple
#916E99
ΔE00 6.53
Dusky Purple
#895B7B
ΔE00 7.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A46293 #62A473
analogous
#9462A4 #A46293 #A46272
triadic
#A46293 #93A462 #6293A4
tetradic
#A46293 #A49462 #62A473 #6272A4
square
#A46293 #A49462 #62A473 #6272A4
split-complementary
#A46293 #72A462 #62A494
monochromatic
#58334F #7F4A71 #A46293 #BA89AE #D1AFC8
إمكانية الوصول والتباين
On white
4.42
#A46293 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.75
#A46293 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A46293
4.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A46293 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A46293 | 1.00 | 4.42 | 4.75 | 4.75 |
| #FFFFFF | 4.42 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.75 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.75 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#637295
Deuteranopia (green-blind)
#747C91
Tritanopia (blue-blind)
#AA6474
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #a46293; /* rgb */ color: rgb(164, 98, 147); /* oklch */ color: oklch(58.6% 0.107 337.1);
Tailwind
colors: {
custom: {
50: '#c090b2',
500: '#a46293',
950: '#000000',
},
}SCSS
$custom: #a46293; $custom-light: #c090b2; $custom-dark: #000000;
JSON
{
"hex": "#a46293",
"rgb": {
"r": 164,
"g": 98,
"b": 147
},
"hsl": {
"h": 315.455,
"s": 26.613,
"l": 51.373
},
"oklch": {
"l": 0.58578,
"c": 0.10698,
"h": 337.1
},
"luminance": 0.18734
}Semantic roles & 50–950 ramp
primary
#A46293
secondary
#A2BFAA
accent
#C37D65
background
#FBF8FB
surface
#F7F0F6
border
#D0CBD0
text
#120D11
muted
#817D80