#9CB256#9CB256
#9CB256 لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.396؛ OKLCH L 72.7% C 0.121 H 120.6°. أفضل لون لنص المتن هو #000000 بتباين 8.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9CB256 |
|---|---|
| RGB | rgb(156, 178, 86) |
| HSL | hsl(74, 37%, 52%) |
| HSV | hsv(74, 52%, 70%) |
| CMYK | cmyk(12.4%, 0%, 51.7%, 30.2%) |
| CIE-LAB | lab(69.17, -21.79, 44.03) |
| CIE-LCH | lch(69.17, 49.13, 116.33°) |
| OKLab | oklab(72.67% -0.0617 0.1042) |
| OKLCH | oklch(72.67% 0.121 120.6) |
| XYZ | xyz(31.3106, 39.5807, 14.7926) |
| Luminance | 0.3958 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Light Olive Green
#A4BE5C
ΔE00 3.25
Booger
#9BB53C
ΔE00 3.78
Light Olive
#ACBF69
ΔE00 4.00
Tan Green
#A9BE70
ΔE00 4.34
Avocado (survey)
#90B134
ΔE00 4.35
Icky Green
#8FAE22
ΔE00 5.70
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9CB256 #6C56B2
analogous
#B29A56 #9CB256 #6EB256
triadic
#9CB256 #569CB2 #B2569C
tetradic
#9CB256 #56B29A #6C56B2 #B2566E
square
#9CB256 #56B29A #6C56B2 #B2566E
split-complementary
#9CB256 #566EB2 #9A56B2
monochromatic
#55612C #798B3F #9CB256 #B5C580 #CDD8AA
إمكانية الوصول والتباين
On white
2.36
#9CB256 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.92
#9CB256 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9CB256
8.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9CB256 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9CB256 | 1.00 | 2.36 | 8.92 | 8.92 |
| #FFFFFF | 2.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.92 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BCA94D
Deuteranopia (green-blind)
#B9A95B
Tritanopia (blue-blind)
#A3AA9D
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #9cb256; /* rgb */ color: rgb(156, 178, 86); /* oklch */ color: oklch(72.7% 0.121 120.6);
Tailwind
colors: {
custom: {
50: '#bbc988',
500: '#9cb256',
950: '#000000',
},
}SCSS
$custom: #9cb256; $custom-light: #bbc988; $custom-dark: #000000;
JSON
{
"hex": "#9cb256",
"rgb": {
"r": 156,
"g": 178,
"b": 86
},
"hsl": {
"h": 74.348,
"s": 37.398,
"l": 51.765
},
"oklch": {
"l": 0.72667,
"c": 0.12112,
"h": 120.6
},
"luminance": 0.39581
}Semantic roles & 50–950 ramp
primary
#9CB256
secondary
#A79EC6
accent
#5ACD76
background
#FBFCF8
surface
#F6F8F0
border
#D0D1CB
text
#12130B
muted
#81827C