#607D3F#607D3F
#607D3F لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.175؛ OKLCH L 55.2% C 0.095 H 129.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #607D3F |
|---|---|
| RGB | rgb(96, 125, 63) |
| HSL | hsl(88, 33%, 37%) |
| HSV | hsv(88, 50%, 49%) |
| CMYK | cmyk(23.2%, 0%, 49.6%, 51%) |
| CIE-LAB | lab(48.90, -21.77, 30.30) |
| CIE-LCH | lch(48.90, 37.31, 125.69°) |
| OKLab | oklab(55.19% -0.0603 0.0729) |
| OKLCH | oklch(55.19% 0.095 129.6) |
| XYZ | xyz(13.0545, 17.5127, 7.3942) |
| Luminance | 0.1751 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Military Green
#667C3E
ΔE00 1.76
Swamp
#698339
ΔE00 3.61
Dirty Green
#667E2C
ΔE00 4.40
Muddy Green
#657432
ΔE00 4.82
Khaki Green
#728639
ΔE00 5.75
Moss Green (survey)
#658B38
ΔE00 5.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#607D3F #5C3F7D
analogous
#7D7B3F #607D3F #417D3F
triadic
#607D3F #3F607D #7D3F60
tetradic
#607D3F #3F7D7B #5C3F7D #7D3F41
square
#607D3F #3F7D7B #5C3F7D #7D3F41
split-complementary
#607D3F #3F417D #7B3F7D
monochromatic
#212C16 #41542A #607D3F #7FA654 #9DBC7A
إمكانية الوصول والتباين
On white
4.66
#607D3F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.50
#607D3F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #607D3F
4.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##607D3F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##607D3F | 1.00 | 4.66 | 4.50 | 4.66 |
| #FFFFFF | 4.66 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.50 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.66 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#82763A
Deuteranopia (green-blind)
#7E7343
Tritanopia (blue-blind)
#62786F
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #607d3f; /* rgb */ color: rgb(96, 125, 63); /* oklch */ color: oklch(55.2% 0.095 129.6);
Tailwind
colors: {
custom: {
50: '#8fa275',
500: '#607d3f',
950: '#000000',
},
}SCSS
$custom: #607d3f; $custom-light: #8fa275; $custom-dark: #000000;
JSON
{
"hex": "#607d3f",
"rgb": {
"r": 96,
"g": 125,
"b": 63
},
"hsl": {
"h": 88.065,
"s": 32.979,
"l": 36.863
},
"oklch": {
"l": 0.55194,
"c": 0.0946,
"h": 129.6
},
"luminance": 0.17513
}Semantic roles & 50–950 ramp
primary
#607D3F
secondary
#8A71A6
accent
#5FC990
background
#F8FAF7
surface
#F0F3ED
border
#CBCDC8
text
#0C0F08
muted
#7D7F7B