#714D53#714D53
#714D53 لون متوسط وخافت من عائلة أحمر. الإضاءة النسبية 0.094؛ OKLCH L 46.2% C 0.049 H 8.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #714D53 |
|---|---|
| RGB | rgb(113, 77, 83) |
| HSL | hsl(350, 19%, 37%) |
| HSV | hsv(350, 32%, 44%) |
| CMYK | cmyk(0%, 31.9%, 26.5%, 55.7%) |
| CIE-LAB | lab(36.82, 16.16, 2.61) |
| CIE-LCH | lch(36.82, 16.37, 9.17°) |
| OKLab | oklab(46.16% 0.0489 0.007) |
| OKLCH | oklch(46.16% 0.049 8.2) |
| XYZ | xyz(11.0255, 9.4436, 9.4240) |
| Luminance | 0.0944 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Purplish Brown
#6B4247
ΔE00 3.76
Brownish Purple
#76424E
ΔE00 5.05
Purple Brown
#673A3F
ΔE00 6.34
Dark Mauve
#874C62
ΔE00 7.64
Dirty Purple
#734A65
ΔE00 7.87
Wine
#722F37
ΔE00 10.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#714D53 #4D716B
analogous
#714D65 #714D53 #71594D
triadic
#714D53 #53714D #4D5371
tetradic
#714D53 #65714D #4D716B #594D71
square
#714D53 #65714D #4D716B #594D71
split-complementary
#714D53 #4D7159 #4D6571
monochromatic
#281B1E #4D3438 #714D53 #95666E #AF8990
إمكانية الوصول والتباين
On white
7.27
#714D53 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.89
#714D53 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #714D53
7.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##714D53 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##714D53 | 1.00 | 7.27 | 2.89 | 7.27 |
| #FFFFFF | 7.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.27 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#535353
Deuteranopia (green-blind)
#5B5952
Tritanopia (blue-blind)
#784A4F
Achromatopsia (no color)
#575757
وسوم التصميم والكود
CSS
--color: #714d53; /* rgb */ color: rgb(113, 77, 83); /* oklch */ color: oklch(46.2% 0.049 8.2);
Tailwind
colors: {
custom: {
50: '#9b7f83',
500: '#714d53',
950: '#000000',
},
}SCSS
$custom: #714d53; $custom-light: #9b7f83; $custom-dark: #000000;
JSON
{
"hex": "#714d53",
"rgb": {
"r": 113,
"g": 77,
"b": 83
},
"hsl": {
"h": 350,
"s": 18.947,
"l": 37.255
},
"oklch": {
"l": 0.46158,
"c": 0.04943,
"h": 8.2
},
"luminance": 0.09443
}Semantic roles & 50–950 ramp
primary
#714D53
secondary
#7E9C97
accent
#BCAE6C
background
#F9F7F8
surface
#F2EEEF
border
#CCC9CA
text
#0E0A0A
muted
#7E7C7C