#B17360#B17360
#B17360 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.225؛ OKLCH L 61.6% C 0.084 H 37.8°. أفضل لون لنص المتن هو #000000 بتباين 5.49:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B17360 |
|---|---|
| RGB | rgb(177, 115, 96) |
| HSL | hsl(14, 34%, 54%) |
| HSV | hsv(14, 46%, 69%) |
| CMYK | cmyk(0%, 35%, 45.8%, 30.6%) |
| CIE-LAB | lab(54.51, 22.22, 20.60) |
| CIE-LCH | lch(54.51, 30.30, 42.83°) |
| OKLab | oklab(61.62% 0.0664 0.0515) |
| OKLCH | oklch(61.62% 0.084 37.8) |
| XYZ | xyz(26.3749, 22.4552, 14.0092) |
| Luminance | 0.2245 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Brown
#B17261
ΔE00 0.87
Clay
#B66A50
ΔE00 3.94
Brownish
#9C6D57
ΔE00 5.76
Adobe
#BD6C48
ΔE00 6.17
Terracotta
#C96F4A
ΔE00 7.20
Brownish Pink
#C27E79
ΔE00 7.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B17360 #609EB1
analogous
#B16075 #B17360 #B19B60
triadic
#B17360 #60B173 #7360B1
tetradic
#B17360 #75B160 #609EB1 #9B60B1
square
#B17360 #75B160 #609EB1 #9B60B1
split-complementary
#B17360 #60B19B #6075B1
monochromatic
#653E32 #8E5746 #B17360 #C59789 #D9BBB2
إمكانية الوصول والتباين
On white
3.82
#B17360 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.49
#B17360 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B17360
5.49:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B17360 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B17360 | 1.00 | 3.82 | 5.49 | 5.49 |
| #FFFFFF | 3.82 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.49 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#827B5E
Deuteranopia (green-blind)
#91875F
Tritanopia (blue-blind)
#BE696E
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #b17360; /* rgb */ color: rgb(177, 115, 96); /* oklch */ color: oklch(61.6% 0.084 37.8);
Tailwind
colors: {
custom: {
50: '#cb9b8d',
500: '#b17360',
950: '#000000',
},
}SCSS
$custom: #b17360; $custom-light: #cb9b8d; $custom-dark: #000000;
JSON
{
"hex": "#b17360",
"rgb": {
"r": 177,
"g": 115,
"b": 96
},
"hsl": {
"h": 14.074,
"s": 34.177,
"l": 53.529
},
"oklch": {
"l": 0.61618,
"c": 0.08398,
"h": 37.8
},
"luminance": 0.22453
}Semantic roles & 50–950 ramp
primary
#B17360
secondary
#A5C0C8
accent
#B1CA5E
background
#FCF9F8
surface
#F9F2F0
border
#D2CCCB
text
#140E0C
muted
#827E7D