#649151#649151
#649151 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.236؛ OKLCH L 60.8% C 0.104 H 136.9°. أفضل لون لنص المتن هو #000000 بتباين 5.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #649151 |
|---|---|
| RGB | rgb(100, 145, 81) |
| HSL | hsl(102, 28%, 44%) |
| HSV | hsv(102, 44%, 57%) |
| CMYK | cmyk(31%, 0%, 44.1%, 43.1%) |
| CIE-LAB | lab(55.64, -27.82, 29.14) |
| CIE-LCH | lch(55.64, 40.28, 133.67°) |
| OKLab | oklab(60.79% -0.0762 0.0712) |
| OKLCH | oklch(60.79% 0.104 136.9) |
| XYZ | xyz(16.8657, 23.5536, 11.4407) |
| Luminance | 0.2355 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Fern Green
#548D44
ΔE00 3.22
Drab Green
#749551
ΔE00 3.52
Light Forest Green
#4F9153
ΔE00 3.82
Moss
#769958
ΔE00 3.95
Flat Green
#699D4C
ΔE00 4.68
Moss Green (survey)
#658B38
ΔE00 4.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#649151 #7E5191
analogous
#849151 #649151 #51915E
triadic
#649151 #516491 #915164
tetradic
#649151 #518491 #7E5191 #915E51
square
#649151 #518491 #7E5191 #915E51
split-complementary
#649151 #5E5191 #915184
monochromatic
#2E4225 #496A3B #649151 #83AF70 #A5C597
إمكانية الوصول والتباين
On white
3.68
#649151 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.71
#649151 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #649151
5.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##649151 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##649151 | 1.00 | 3.68 | 5.71 | 5.71 |
| #FFFFFF | 3.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.71 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#95884C
Deuteranopia (green-blind)
#8E8455
Tritanopia (blue-blind)
#638D81
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #649151; /* rgb */ color: rgb(100, 145, 81); /* oklch */ color: oklch(60.8% 0.104 136.9);
Tailwind
colors: {
custom: {
50: '#92b183',
500: '#649151',
950: '#000000',
},
}SCSS
$custom: #649151; $custom-light: #92b183; $custom-dark: #000000;
JSON
{
"hex": "#649151",
"rgb": {
"r": 100,
"g": 145,
"b": 81
},
"hsl": {
"h": 102.188,
"s": 28.319,
"l": 44.314
},
"oklch": {
"l": 0.60793,
"c": 0.10432,
"h": 136.9
},
"luminance": 0.23554
}Semantic roles & 50–950 ramp
primary
#649151
secondary
#A78CB2
accent
#63C5A8
background
#F9FAF8
surface
#F1F5EF
border
#CBCFCA
text
#0D100A
muted
#7E7F7C