#5FC733#5FC733
#5FC733 لون فاتح وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.435؛ OKLCH L 73.9% C 0.205 H 138.3°. أفضل لون لنص المتن هو #000000 بتباين 9.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5FC733 |
|---|---|
| RGB | rgb(95, 199, 51) |
| HSL | hsl(102, 59%, 49%) |
| HSV | hsv(102, 74%, 78%) |
| CMYK | cmyk(52.3%, 0%, 74.4%, 22%) |
| CIE-LAB | lab(71.90, -55.41, 60.80) |
| CIE-LCH | lch(71.90, 82.26, 132.34°) |
| OKLab | oklab(73.94% -0.1531 0.1365) |
| OKLCH | oklch(73.94% 0.205 138.3) |
| XYZ | xyz(25.7394, 43.5168, 10.1746) |
| Luminance | 0.4352 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Apple
#6ECB3C
ΔE00 1.72
Lime Green
#32CD32
ΔE00 3.41
Frog Green
#58BC08
ΔE00 3.54
Apple Green
#76CD26
ΔE00 3.54
Kelly Green
#4CBB17
ΔE00 3.62
Fresh Green
#69D84F
ΔE00 4.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5FC733 #9B33C7
analogous
#A9C733 #5FC733 #33C751
triadic
#5FC733 #335FC7 #C7335F
tetradic
#5FC733 #33A9C7 #9B33C7 #C75133
square
#5FC733 #33A9C7 #9B33C7 #C75133
split-complementary
#5FC733 #5133C7 #C733A9
monochromatic
#30661A #489627 #5FC733 #84D661 #AAE391
إمكانية الوصول والتباين
On white
2.16
#5FC733 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.70
#5FC733 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5FC733
9.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5FC733 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5FC733 | 1.00 | 2.16 | 9.70 | 9.70 |
| #FFFFFF | 2.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.70 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.70 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CDB614
Deuteranopia (green-blind)
#C0AD42
Tritanopia (blue-blind)
#56C0AB
Achromatopsia (no color)
#B0B0B0
وسوم التصميم والكود
CSS
--color: #5fc733; /* rgb */ color: rgb(95, 199, 51); /* oklch */ color: oklch(73.9% 0.205 138.3);
Tailwind
colors: {
custom: {
50: '#96d975',
500: '#5fc733',
950: '#000000',
},
}SCSS
$custom: #5fc733; $custom-light: #96d975; $custom-dark: #000000;
JSON
{
"hex": "#5fc733",
"rgb": {
"r": 95,
"g": 199,
"b": 51
},
"hsl": {
"h": 102.162,
"s": 59.2,
"l": 49.02
},
"oklch": {
"l": 0.7394,
"c": 0.20513,
"h": 138.3
},
"luminance": 0.43519
}Semantic roles & 50–950 ramp
primary
#5FC733
secondary
#B988CE
accent
#45E2B4
background
#F9FDF7
surface
#F2FAED
border
#CCD3C8
text
#0E1509
muted
#7E837B