#656D1A#656D1A
#656D1A لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.138؛ OKLCH L 51.2% C 0.104 H 115.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #656D1A |
|---|---|
| RGB | rgb(101, 109, 26) |
| HSL | hsl(66, 61%, 26%) |
| HSV | hsv(66, 76%, 43%) |
| CMYK | cmyk(7.3%, 0%, 76.1%, 57.3%) |
| CIE-LAB | lab(43.91, -14.42, 42.52) |
| CIE-LCH | lch(43.91, 44.90, 108.74°) |
| OKLab | oklab(51.15% -0.0438 0.0942) |
| OKLCH | oklch(51.15% 0.104 115) |
| XYZ | xyz(11.0222, 13.7788, 3.0560) |
| Luminance | 0.1378 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brownish Green
#6A6E09
ΔE00 2.51
Mud Green
#606602
ΔE00 3.06
Olive (survey)
#6E750E
ΔE00 3.80
Browny Green
#6F6C0A
ΔE00 4.10
Brown Green
#706C11
ΔE00 4.13
Olive Drab
#6F7632
ΔE00 4.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#656D1A #221A6D
analogous
#6D4C1A #656D1A #3C6D1A
triadic
#656D1A #1A656D #6D1A65
tetradic
#656D1A #1A6D4C #221A6D #6D1A3C
square
#656D1A #1A6D4C #221A6D #6D1A3C
split-complementary
#656D1A #1A3C6D #4C1A6D
monochromatic
#171906 #373C0E #656D1A #939E26 #BFCE33
إمكانية الوصول والتباين
On white
5.59
#656D1A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.76
#656D1A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #656D1A
5.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##656D1A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##656D1A | 1.00 | 5.59 | 3.76 | 5.59 |
| #FFFFFF | 5.59 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.76 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.59 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#75670A
Deuteranopia (green-blind)
#756821
Tritanopia (blue-blind)
#6C665D
Achromatopsia (no color)
#686868
وسوم التصميم والكود
CSS
--color: #656d1a; /* rgb */ color: rgb(101, 109, 26); /* oklch */ color: oklch(51.2% 0.104 115.0);
Tailwind
colors: {
custom: {
50: '#94965d',
500: '#656d1a',
950: '#000000',
},
}SCSS
$custom: #656d1a; $custom-light: #94965d; $custom-dark: #000000;
JSON
{
"hex": "#656d1a",
"rgb": {
"r": 101,
"g": 109,
"b": 26
},
"hsl": {
"h": 65.783,
"s": 61.481,
"l": 26.471
},
"oklch": {
"l": 0.51155,
"c": 0.10391,
"h": 115
},
"luminance": 0.13779
}Semantic roles & 50–950 ramp
primary
#656D1A
secondary
#4A41A2
accent
#43E553
background
#F9F9F5
surface
#F2F2E9
border
#CCCCC5
text
#0D0D04
muted
#7E7E79