#714C2A#714C2A
#714C2A لون داكن ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.088؛ OKLCH L 45.0% C 0.070 H 62.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.58:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #714C2A |
|---|---|
| RGB | rgb(113, 76, 42) |
| HSL | hsl(29, 46%, 30%) |
| HSV | hsv(29, 63%, 44%) |
| CMYK | cmyk(0%, 32.7%, 62.8%, 55.7%) |
| CIE-LAB | lab(35.69, 11.76, 26.26) |
| CIE-LCH | lch(35.69, 28.77, 65.87°) |
| OKLab | oklab(45% 0.0327 0.0618) |
| OKLCH | oklch(45% 0.07 62.1) |
| XYZ | xyz(9.8130, 8.8476, 3.3810) |
| Luminance | 0.0885 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Milk Chocolate
#7F4E1E
ΔE00 4.58
Medium Brown
#7F5112
ΔE00 6.81
Cocoa
#875F42
ΔE00 7.48
Chocolate
#7B3F00
ΔE00 7.75
Brown (survey)
#653700
ΔE00 7.85
Mud Brown
#60460F
ΔE00 8.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#714C2A #2A4F71
analogous
#712A2C #714C2A #716F2A
triadic
#714C2A #2A714C #4C2A71
tetradic
#714C2A #2C712A #2A4F71 #6F2A71
square
#714C2A #2C712A #2A4F71 #6F2A71
split-complementary
#714C2A #2A716F #2A2C71
monochromatic
#181009 #442E19 #714C2A #9E6A3B #C08855
إمكانية الوصول والتباين
On white
7.58
#714C2A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.77
#714C2A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #714C2A
7.58:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##714C2A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##714C2A | 1.00 | 7.58 | 2.77 | 7.58 |
| #FFFFFF | 7.58 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.77 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.58 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#584F27
Deuteranopia (green-blind)
#60572A
Tritanopia (blue-blind)
#7B4444
Achromatopsia (no color)
#545454
وسوم التصميم والكود
CSS
--color: #714c2a; /* rgb */ color: rgb(113, 76, 42); /* oklch */ color: oklch(45.0% 0.070 62.1);
Tailwind
colors: {
custom: {
50: '#9d7e64',
500: '#714c2a',
950: '#000000',
},
}SCSS
$custom: #714c2a; $custom-light: #9d7e64; $custom-dark: #000000;
JSON
{
"hex": "#714c2a",
"rgb": {
"r": 113,
"g": 76,
"b": 42
},
"hsl": {
"h": 28.732,
"s": 45.806,
"l": 30.392
},
"oklch": {
"l": 0.44995,
"c": 0.06991,
"h": 62.1
},
"luminance": 0.08847
}Semantic roles & 50–950 ramp
primary
#714C2A
secondary
#547DA3
accent
#97D552
background
#F9F7F6
surface
#F2EEEB
border
#CCC9C6
text
#0F0905
muted
#7E7B7A