#3C7151#3C7151
#3C7151 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.134؛ OKLCH L 50.2% C 0.077 H 155.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3C7151 |
|---|---|
| RGB | rgb(60, 113, 81) |
| HSL | hsl(144, 31%, 34%) |
| HSV | hsv(144, 47%, 44%) |
| CMYK | cmyk(46.9%, 0%, 28.3%, 55.7%) |
| CIE-LAB | lab(43.31, -25.62, 12.40) |
| CIE-LCH | lch(43.31, 28.46, 154.18°) |
| OKLab | oklab(50.22% -0.0703 0.0316) |
| OKLCH | oklch(50.22% 0.077 155.8) |
| XYZ | xyz(9.2532, 13.3643, 9.8750) |
| Luminance | 0.1336 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Hunter Green
#355E3B
ΔE00 6.86
Pine
#2B5D34
ΔE00 7.81
Spruce
#0A5F38
ΔE00 8.00
Dark Sea Green
#11875D
ΔE00 8.82
Dark Green Blue
#1F6357
ΔE00 9.13
Darkish Green
#287C37
ΔE00 9.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3C7151 #713C5C
analogous
#42713C #3C7151 #3C716C
triadic
#3C7151 #513C71 #71513C
tetradic
#3C7151 #3C4271 #713C5C #716C3C
square
#3C7151 #3C4271 #713C5C #716C3C
split-complementary
#3C7151 #6C3C71 #713C42
monochromatic
#122118 #274934 #3C7151 #51996E #73B58D
إمكانية الوصول والتباين
On white
5.72
#3C7151 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.67
#3C7151 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #3C7151
5.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3C7151 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3C7151 | 1.00 | 5.72 | 3.67 | 5.72 |
| #FFFFFF | 5.72 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.67 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.72 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#716A4F
Deuteranopia (green-blind)
#696453
Tritanopia (blue-blind)
#307068
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #3c7151; /* rgb */ color: rgb(60, 113, 81); /* oklch */ color: oklch(50.2% 0.077 155.8);
Tailwind
colors: {
custom: {
50: '#759a82',
500: '#3c7151',
950: '#000000',
},
}SCSS
$custom: #3c7151; $custom-light: #759a82; $custom-dark: #000000;
JSON
{
"hex": "#3c7151",
"rgb": {
"r": 60,
"g": 113,
"b": 81
},
"hsl": {
"h": 143.774,
"s": 30.636,
"l": 33.922
},
"oklch": {
"l": 0.50224,
"c": 0.07702,
"h": 155.8
},
"luminance": 0.13365
}Semantic roles & 50–950 ramp
primary
#3C7151
secondary
#9F6A8A
accent
#619EC7
background
#F7F9F7
surface
#EDF2EE
border
#C8CCC9
text
#080E0A
muted
#7B7E7C