#649015#649015
#649015 لون متوسط وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.227؛ OKLCH L 59.9% C 0.151 H 128.6°. أفضل لون لنص المتن هو #000000 بتباين 5.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #649015 |
|---|---|
| RGB | rgb(100, 144, 21) |
| HSL | hsl(81, 75%, 32%) |
| HSV | hsv(81, 85%, 56%) |
| CMYK | cmyk(30.6%, 0%, 85.4%, 43.5%) |
| CIE-LAB | lab(54.77, -32.68, 54.00) |
| CIE-LCH | lch(54.77, 63.12, 121.18°) |
| OKLab | oklab(59.91% -0.094 0.1177) |
| OKLCH | oklch(59.91% 0.151 128.6) |
| XYZ | xyz(15.3642, 22.7096, 4.2832) |
| Luminance | 0.2271 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Olivedrab
#6B8E23
ΔE00 1.82
Sap Green
#5C8B15
ΔE00 2.18
Mossy Green
#638B27
ΔE00 2.69
Dark Yellow Green
#728F02
ΔE00 3.64
Moss Green (survey)
#658B38
ΔE00 4.83
Ugly Green
#7A9703
ΔE00 5.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#649015 #411590
analogous
#907E15 #649015 #279015
triadic
#649015 #156490 #901564
tetradic
#649015 #15907E #411590 #901527
square
#649015 #15907E #411590 #901527
split-complementary
#649015 #152790 #7E1590
monochromatic
#1A2505 #3F5B0D #649015 #89C51D #A7E33D
إمكانية الوصول والتباين
On white
3.79
#649015 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.54
#649015 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #649015
5.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##649015 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##649015 | 1.00 | 3.79 | 5.54 | 5.54 |
| #FFFFFF | 3.79 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.54 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.54 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#978500
Deuteranopia (green-blind)
#918224
Tritanopia (blue-blind)
#68897A
Achromatopsia (no color)
#838383
وسوم التصميم والكود
CSS
--color: #649015; /* rgb */ color: rgb(100, 144, 21); /* oklch */ color: oklch(59.9% 0.151 128.6);
Tailwind
colors: {
custom: {
50: '#95b060',
500: '#649015',
950: '#000000',
},
}SCSS
$custom: #649015; $custom-light: #95b060; $custom-dark: #000000;
JSON
{
"hex": "#649015",
"rgb": {
"r": 100,
"g": 144,
"b": 21
},
"hsl": {
"h": 81.463,
"s": 74.545,
"l": 32.353
},
"oklch": {
"l": 0.59911,
"c": 0.15064,
"h": 128.6
},
"luminance": 0.2271
}Semantic roles & 50–950 ramp
primary
#649015
secondary
#6E3EC2
accent
#37F179
background
#F9FAF6
surface
#F2F5EB
border
#CCCFC6
text
#0E1005
muted
#7E7F7A