#90B052#90B052
#90B052 لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.376؛ OKLCH L 71.3% C 0.127 H 125.1°. أفضل لون لنص المتن هو #000000 بتباين 8.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #90B052 |
|---|---|
| RGB | rgb(144, 176, 82) |
| HSL | hsl(80, 37%, 51%) |
| HSV | hsv(80, 53%, 69%) |
| CMYK | cmyk(18.2%, 0%, 53.4%, 31%) |
| CIE-LAB | lab(67.72, -25.99, 44.04) |
| CIE-LCH | lch(67.72, 51.14, 120.55°) |
| OKLab | oklab(71.27% -0.0732 0.1041) |
| OKLCH | oklch(71.27% 0.127 125.1) |
| XYZ | xyz(28.5499, 37.5889, 13.7323) |
| Luminance | 0.3759 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Avocado (survey)
#90B134
ΔE00 4.08
Light Olive Green
#A4BE5C
ΔE00 4.50
Booger
#9BB53C
ΔE00 4.60
Asparagus
#77AB56
ΔE00 5.23
Avocado Green
#87A922
ΔE00 5.47
Leaf
#71AA34
ΔE00 5.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#90B052 #7252B0
analogous
#B0A152 #90B052 #61B052
triadic
#90B052 #5290B0 #B05290
tetradic
#90B052 #52B0A1 #7252B0 #B05261
square
#90B052 #52B0A1 #7252B0 #B05261
split-complementary
#90B052 #5261B0 #A152B0
monochromatic
#4C5D2B #6E873E #90B052 #ABC37C #C6D6A6
إمكانية الوصول والتباين
On white
2.47
#90B052 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.52
#90B052 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #90B052
8.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##90B052 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##90B052 | 1.00 | 2.47 | 8.52 | 8.52 |
| #FFFFFF | 2.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.52 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B8A649
Deuteranopia (green-blind)
#B4A558
Tritanopia (blue-blind)
#95A99B
Achromatopsia (no color)
#A5A5A5
وسوم التصميم والكود
CSS
--color: #90b052; /* rgb */ color: rgb(144, 176, 82); /* oklch */ color: oklch(71.3% 0.127 125.1);
Tailwind
colors: {
custom: {
50: '#b2c785',
500: '#90b052',
950: '#000000',
},
}SCSS
$custom: #90b052; $custom-light: #b2c785; $custom-dark: #000000;
JSON
{
"hex": "#90b052",
"rgb": {
"r": 144,
"g": 176,
"b": 82
},
"hsl": {
"h": 80.426,
"s": 37.302,
"l": 50.588
},
"oklch": {
"l": 0.71272,
"c": 0.1272,
"h": 125.1
},
"luminance": 0.37589
}Semantic roles & 50–950 ramp
primary
#90B052
secondary
#A89AC4
accent
#5BCD82
background
#FBFCF8
surface
#F6F8EF
border
#D0D1CA
text
#11130B
muted
#80827C