#995E5D#995E5D
#995E5D لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.156؛ OKLCH L 54.7% C 0.078 H 20.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #995E5D |
|---|---|
| RGB | rgb(153, 94, 93) |
| HSL | hsl(1, 24%, 48%) |
| HSV | hsv(1, 39%, 60%) |
| CMYK | cmyk(0%, 38.6%, 39.2%, 40%) |
| CIE-LAB | lab(46.40, 23.96, 10.78) |
| CIE-LCH | lch(46.40, 26.27, 24.21°) |
| OKLab | oklab(54.71% 0.0725 0.0278) |
| OKLCH | oklch(54.71% 0.078 20.9) |
| XYZ | xyz(19.1162, 15.5695, 12.3522) |
| Luminance | 0.1557 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Light Maroon
#A24857
ΔE00 7.62
Dusty Red
#B9484E
ΔE00 8.91
Dusky Rose
#BA6873
ΔE00 8.92
Reddish Grey
#997570
ΔE00 9.01
Dark Rose
#B5485D
ΔE00 9.10
Pinkish Brown
#B17261
ΔE00 10.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#995E5D #5D9899
analogous
#995D7A #995E5D #997C5D
triadic
#995E5D #5D995E #5E5D99
tetradic
#995E5D #7A995D #5D9899 #7C5D99
square
#995E5D #7A995D #5D9899 #7C5D99
split-complementary
#995E5D #5D997C #5D7A99
monochromatic
#4D2F2F #734746 #995E5D #B28281 #C9A8A7
إمكانية الوصول والتباين
On white
5.11
#995E5D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.11
#995E5D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #995E5D
5.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##995E5D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##995E5D | 1.00 | 5.11 | 4.11 | 5.11 |
| #FFFFFF | 5.11 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.11 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.11 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A675D
Deuteranopia (green-blind)
#78725C
Tritanopia (blue-blind)
#A4575E
Achromatopsia (no color)
#6E6E6E
وسوم التصميم والكود
CSS
--color: #995e5d; /* rgb */ color: rgb(153, 94, 93); /* oklch */ color: oklch(54.7% 0.078 20.9);
Tailwind
colors: {
custom: {
50: '#b98c8a',
500: '#995e5d',
950: '#000000',
},
}SCSS
$custom: #995e5d; $custom-light: #b98c8a; $custom-dark: #000000;
JSON
{
"hex": "#995e5d",
"rgb": {
"r": 153,
"g": 94,
"b": 93
},
"hsl": {
"h": 1,
"s": 24.39,
"l": 48.235
},
"oklch": {
"l": 0.54711,
"c": 0.07764,
"h": 20.9
},
"luminance": 0.15568
}Semantic roles & 50–950 ramp
primary
#995E5D
secondary
#9AB7B8
accent
#BFC167
background
#FBF8F8
surface
#F6F0F0
border
#D0CBCB
text
#120C0B
muted
#817D7C