#57633A#57633A
#57633A لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.113؛ OKLCH L 47.9% C 0.063 H 122.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.46:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #57633A |
|---|---|
| RGB | rgb(87, 99, 58) |
| HSL | hsl(78, 26%, 31%) |
| HSV | hsv(78, 41%, 39%) |
| CMYK | cmyk(12.1%, 0%, 41.4%, 61.2%) |
| CIE-LAB | lab(40.01, -12.21, 21.78) |
| CIE-LCH | lch(40.01, 24.97, 119.26°) |
| OKLab | oklab(47.85% -0.0335 0.0534) |
| OKLCH | oklch(47.85% 0.063 122.1) |
| XYZ | xyz(9.1560, 11.2554, 5.6923) |
| Luminance | 0.1125 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Darkolivegreen
#556B2F
ΔE00 5.15
Camo Green
#526525
ΔE00 5.29
Army Green
#4B5D16
ΔE00 7.01
Camouflage Green
#4B6113
ΔE00 7.63
Muddy Green
#657432
ΔE00 7.97
Hunter Green
#355E3B
ΔE00 8.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#57633A #463A63
analogous
#635A3A #57633A #42633A
triadic
#57633A #3A5763 #633A57
tetradic
#57633A #3A635A #463A63 #633A42
square
#57633A #3A635A #463A63 #633A42
split-complementary
#57633A #3A4263 #5A3A63
monochromatic
#13160D #353C23 #57633A #798A51 #98AA6E
إمكانية الوصول والتباين
On white
6.46
#57633A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.25
#57633A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #57633A
6.46:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##57633A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##57633A | 1.00 | 6.46 | 3.25 | 6.46 |
| #FFFFFF | 6.46 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.46 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#685F37
Deuteranopia (green-blind)
#665E3C
Tritanopia (blue-blind)
#5A5F59
Achromatopsia (no color)
#5E5E5E
وسوم التصميم والكود
CSS
--color: #57633a; /* rgb */ color: rgb(87, 99, 58); /* oklch */ color: oklch(47.9% 0.063 122.1);
Tailwind
colors: {
custom: {
50: '#878f71',
500: '#57633a',
950: '#000000',
},
}SCSS
$custom: #57633a; $custom-light: #878f71; $custom-dark: #000000;
JSON
{
"hex": "#57633a",
"rgb": {
"r": 87,
"g": 99,
"b": 58
},
"hsl": {
"h": 77.561,
"s": 26.115,
"l": 30.784
},
"oklch": {
"l": 0.47854,
"c": 0.06305,
"h": 122.1
},
"luminance": 0.11255
}Semantic roles & 50–950 ramp
primary
#57633A
secondary
#736693
accent
#65C281
background
#F8F8F6
surface
#EFF0EC
border
#CACBC7
text
#0B0C07
muted
#7C7D7A