#9F615B#9F615B
#9F615B لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.167؛ OKLCH L 56.0% C 0.082 H 26.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9F615B |
|---|---|
| RGB | rgb(159, 97, 91) |
| HSL | hsl(5, 27%, 49%) |
| HSV | hsv(5, 43%, 62%) |
| CMYK | cmyk(0%, 39%, 42.8%, 37.6%) |
| CIE-LAB | lab(47.85, 24.45, 14.10) |
| CIE-LCH | lch(47.85, 28.22, 29.97°) |
| OKLab | oklab(55.97% 0.0736 0.0359) |
| OKLCH | oklch(55.97% 0.082 26) |
| XYZ | xyz(20.4621, 16.6773, 12.0369) |
| Luminance | 0.1668 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Brown
#B17261
ΔE00 7.67
Reddish Grey
#997570
ΔE00 8.37
Brownish
#9C6D57
ΔE00 8.40
Dusty Red
#B9484E
ΔE00 8.62
Dusky Rose
#BA6873
ΔE00 8.82
Dark Salmon
#C85A53
ΔE00 9.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9F615B #5B999F
analogous
#9F5B77 #9F615B #9F835B
triadic
#9F615B #5B9F61 #615B9F
tetradic
#9F615B #779F5B #5B999F #835B9F
square
#9F615B #779F5B #5B999F #835B9F
split-complementary
#9F615B #5B9F83 #5B779F
monochromatic
#51322E #784945 #9F615B #B78581 #CDABA7
إمكانية الوصول والتباين
On white
4.84
#9F615B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.34
#9F615B on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #9F615B
4.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9F615B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##9F615B | 1.00 | 4.84 | 4.34 | 4.84 |
| #FFFFFF | 4.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.34 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.84 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E6A5A
Deuteranopia (green-blind)
#7D765A
Tritanopia (blue-blind)
#AB5960
Achromatopsia (no color)
#727272
وسوم التصميم والكود
CSS
--color: #9f615b; /* rgb */ color: rgb(159, 97, 91); /* oklch */ color: oklch(56.0% 0.082 26.0);
Tailwind
colors: {
custom: {
50: '#be8e89',
500: '#9f615b',
950: '#000000',
},
}SCSS
$custom: #9f615b; $custom-light: #be8e89; $custom-dark: #000000;
JSON
{
"hex": "#9f615b",
"rgb": {
"r": 159,
"g": 97,
"b": 91
},
"hsl": {
"h": 5.294,
"s": 27.2,
"l": 49.02
},
"oklch": {
"l": 0.55973,
"c": 0.08191,
"h": 26
},
"luminance": 0.16676
}Semantic roles & 50–950 ramp
primary
#9F615B
secondary
#9BB8BB
accent
#BBC464
background
#FBF8F8
surface
#F7F0F0
border
#D0CBCB
text
#120C0B
muted
#817D7C