#945F83#945F83
#945F83 لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.161؛ OKLCH L 55.5% C 0.085 H 339.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #945F83 |
|---|---|
| RGB | rgb(148, 95, 131) |
| HSL | hsl(319, 22%, 48%) |
| HSV | hsv(319, 36%, 58%) |
| CMYK | cmyk(0%, 35.8%, 11.5%, 42%) |
| CIE-LAB | lab(47.13, 27.25, -11.13) |
| CIE-LCH | lch(47.13, 29.44, 337.79°) |
| OKLab | oklab(55.5% 0.0793 -0.0296) |
| OKLCH | oklch(55.5% 0.085 339.5) |
| XYZ | xyz(20.4017, 16.1201, 23.5052) |
| Luminance | 0.1612 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dusky Purple
#895B7B
ΔE00 2.89
Light Plum
#9D5783
ΔE00 3.30
Dull Purple
#84597E
ΔE00 4.17
Purpleish
#98568D
ΔE00 4.78
Purplish
#94568C
ΔE00 4.81
Dusty Purple
#825F87
ΔE00 5.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#945F83 #5F9470
analogous
#8A5F94 #945F83 #945F68
triadic
#945F83 #83945F #5F8394
tetradic
#945F83 #948A5F #5F9470 #5F6894
square
#945F83 #948A5F #5F9470 #5F6894
split-complementary
#945F83 #68945F #5F948A
monochromatic
#492F41 #6F4762 #945F83 #AF82A0 #C6A7BC
إمكانية الوصول والتباين
On white
4.97
#945F83 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.22
#945F83 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #945F83
4.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##945F83 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##945F83 | 1.00 | 4.97 | 4.22 | 4.97 |
| #FFFFFF | 4.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.22 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.97 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#616B84
Deuteranopia (green-blind)
#6E7381
Tritanopia (blue-blind)
#9A606C
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #945f83; /* rgb */ color: rgb(148, 95, 131); /* oklch */ color: oklch(55.5% 0.085 339.5);
Tailwind
colors: {
custom: {
50: '#b48da7',
500: '#945f83',
950: '#000000',
},
}SCSS
$custom: #945f83; $custom-light: #b48da7; $custom-dark: #000000;
JSON
{
"hex": "#945f83",
"rgb": {
"r": 148,
"g": 95,
"b": 131
},
"hsl": {
"h": 319.245,
"s": 21.811,
"l": 47.647
},
"oklch": {
"l": 0.55499,
"c": 0.08463,
"h": 339.5
},
"luminance": 0.16119
}Semantic roles & 50–950 ramp
primary
#945F83
secondary
#9AB5A3
accent
#BE8569
background
#FBF8FA
surface
#F6F0F4
border
#D0CBCE
text
#110C0F
muted
#807D7F