#555D29#555D29
#555D29 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.099؛ OKLCH L 45.9% C 0.075 H 116.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #555D29 |
|---|---|
| RGB | rgb(85, 93, 41) |
| HSL | hsl(69, 39%, 26%) |
| HSV | hsv(69, 56%, 36%) |
| CMYK | cmyk(8.6%, 0%, 55.9%, 63.5%) |
| CIE-LAB | lab(37.70, -11.78, 28.47) |
| CIE-LCH | lch(37.70, 30.81, 112.48°) |
| OKLab | oklab(45.88% -0.0337 0.0671) |
| OKLCH | oklch(45.88% 0.075 116.7) |
| XYZ | xyz(8.0610, 9.9202, 3.5875) |
| Luminance | 0.0992 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Camo Green
#526525
ΔE00 4.13
Army Green
#4B5D16
ΔE00 4.17
Camouflage Green
#4B6113
ΔE00 5.33
Darkolivegreen
#556B2F
ΔE00 5.74
Dark Olive Green
#3C4D03
ΔE00 7.33
Mud Green
#606602
ΔE00 7.70
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#555D29 #31295D
analogous
#5D4B29 #555D29 #3B5D29
triadic
#555D29 #29555D #5D2955
tetradic
#555D29 #295D4B #31295D #5D293B
square
#555D29 #295D4B #31295D #5D293B
split-complementary
#555D29 #293B5D #4B295D
monochromatic
#131509 #2E3316 #555D29 #7C873C #A2B14F
إمكانية الوصول والتباين
On white
7.04
#555D29 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.98
#555D29 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #555D29
7.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##555D29 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##555D29 | 1.00 | 7.04 | 2.98 | 7.04 |
| #FFFFFF | 7.04 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.98 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.04 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#635824
Deuteranopia (green-blind)
#62592C
Tritanopia (blue-blind)
#5A5851
Achromatopsia (no color)
#595959
وسوم التصميم والكود
CSS
--color: #555d29; /* rgb */ color: rgb(85, 93, 41); /* oklch */ color: oklch(45.9% 0.075 116.7);
Tailwind
colors: {
custom: {
50: '#868a64',
500: '#555d29',
950: '#000000',
},
}SCSS
$custom: #555d29; $custom-light: #868a64; $custom-dark: #000000;
JSON
{
"hex": "#555d29",
"rgb": {
"r": 85,
"g": 93,
"b": 41
},
"hsl": {
"h": 69.231,
"s": 38.806,
"l": 26.275
},
"oklch": {
"l": 0.45883,
"c": 0.07509,
"h": 116.7
},
"luminance": 0.0992
}Semantic roles & 50–950 ramp
primary
#555D29
secondary
#5C5290
accent
#59CF6B
background
#F8F8F6
surface
#EFF0EB
border
#CACBC6
text
#0B0B05
muted
#7C7C7A