#372116#372116
#372116 لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.020؛ OKLCH L 27.3% C 0.039 H 47.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #372116 |
|---|---|
| RGB | rgb(55, 33, 22) |
| HSL | hsl(20, 43%, 15%) |
| HSV | hsv(20, 60%, 22%) |
| CMYK | cmyk(0%, 40%, 60%, 78.4%) |
| CIE-LAB | lab(15.27, 9.11, 11.78) |
| CIE-LCH | lch(15.27, 14.89, 52.30°) |
| OKLab | oklab(27.29% 0.0267 0.0288) |
| OKLCH | oklch(27.29% 0.039 47.2) |
| XYZ | xyz(2.2644, 1.9581, 1.0176) |
| Luminance | 0.0196 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dark Brown
#341C02
ΔE00 4.81
Chocolate (survey)
#3D1C02
ΔE00 5.70
Chocolate Brown
#411900
ΔE00 7.17
Espresso
#4B382A
ΔE00 7.59
Very Dark Brown
#1D0200
ΔE00 9.84
Deep Brown
#410200
ΔE00 12.72
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#372116 #162C37
analogous
#37161B #372116 #373116
triadic
#372116 #163721 #211637
tetradic
#372116 #1B3716 #162C37 #311637
square
#372116 #1B3716 #162C37 #311637
split-complementary
#372116 #163731 #161B37
monochromatic
#160D09 #160D09 #372116 #633B27 #8E5539
إمكانية الوصول والتباين
On white
15.09
#372116 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.39
#372116 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #372116
15.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##372116 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##372116 | 1.00 | 15.09 | 1.39 | 15.09 |
| #FFFFFF | 15.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.09 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#272315
Deuteranopia (green-blind)
#2C2816
Tritanopia (blue-blind)
#3C1D1E
Achromatopsia (no color)
#262626
وسوم التصميم والكود
CSS
--color: #372116; /* rgb */ color: rgb(55, 33, 22); /* oklch */ color: oklch(27.3% 0.039 47.2);
Tailwind
colors: {
custom: {
50: '#6f5c53',
500: '#372116',
950: '#000000',
},
}SCSS
$custom: #372116; $custom-light: #6f5c53; $custom-dark: #000000;
JSON
{
"hex": "#372116",
"rgb": {
"r": 55,
"g": 33,
"b": 22
},
"hsl": {
"h": 20,
"s": 42.857,
"l": 15.098
},
"oklch": {
"l": 0.27294,
"c": 0.03924,
"h": 47.2
},
"luminance": 0.01958
}Semantic roles & 50–950 ramp
primary
#372116
secondary
#3B5D6E
accent
#A9D355
background
#F6F5F4
surface
#ECE9E7
border
#C7C5C3
text
#070402
muted
#7A7978