#647256#647256
#647256 لون متوسط وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.154؛ OKLCH L 53.2% C 0.046 H 129.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #647256 |
|---|---|
| RGB | rgb(100, 114, 86) |
| HSL | hsl(90, 14%, 39%) |
| HSV | hsv(90, 25%, 45%) |
| CMYK | cmyk(12.3%, 0%, 24.6%, 55.3%) |
| CIE-LAB | lab(46.20, -10.80, 13.82) |
| CIE-LCH | lch(46.20, 17.54, 127.99°) |
| OKLab | oklab(53.23% -0.029 0.0352) |
| OKLCH | oklch(53.23% 0.046 129.5) |
| XYZ | xyz(12.9523, 15.4157, 11.0955) |
| Luminance | 0.1542 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Military Green
#667C3E
ΔE00 9.17
Darkolivegreen
#556B2F
ΔE00 9.35
Muddy Green
#657432
ΔE00 9.76
Dark Sage
#598556
ΔE00 9.84
Olive Drab
#6F7632
ΔE00 10.85
Camo Green
#526525
ΔE00 11.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#647256 #645672
analogous
#727256 #647256 #567256
triadic
#647256 #566472 #725664
tetradic
#647256 #567272 #645672 #725656
square
#647256 #567272 #645672 #725656
split-complementary
#647256 #565672 #725672
monochromatic
#272C21 #454F3C #647256 #839471 #A1AE94
إمكانية الوصول والتباين
On white
5.14
#647256 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.08
#647256 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #647256
5.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##647256 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##647256 | 1.00 | 5.14 | 4.08 | 5.14 |
| #FFFFFF | 5.14 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.08 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.14 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#756E54
Deuteranopia (green-blind)
#736D57
Tritanopia (blue-blind)
#656F6A
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #647256; /* rgb */ color: rgb(100, 114, 86); /* oklch */ color: oklch(53.2% 0.046 129.5);
Tailwind
colors: {
custom: {
50: '#909a85',
500: '#647256',
950: '#000000',
},
}SCSS
$custom: #647256; $custom-light: #909a85; $custom-dark: #000000;
JSON
{
"hex": "#647256",
"rgb": {
"r": 100,
"g": 114,
"b": 86
},
"hsl": {
"h": 90,
"s": 14,
"l": 39.216
},
"oklch": {
"l": 0.53233,
"c": 0.04557,
"h": 129.5
},
"luminance": 0.15416
}Semantic roles & 50–950 ramp
primary
#647256
secondary
#92879D
accent
#71B794
background
#F8F9F8
surface
#F0F2EF
border
#CBCCCA
text
#0C0E0B
muted
#7D7E7C