#54C028#54C028
#54C028 لون فاتح وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.397؛ OKLCH L 71.7% C 0.208 H 138.7°. أفضل لون لنص المتن هو #000000 بتباين 8.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #54C028 |
|---|---|
| RGB | rgb(84, 192, 40) |
| HSL | hsl(103, 66%, 45%) |
| HSV | hsv(103, 79%, 75%) |
| CMYK | cmyk(56.3%, 0%, 79.2%, 24.7%) |
| CIE-LAB | lab(69.28, -56.52, 61.66) |
| CIE-LCH | lch(69.28, 83.64, 132.51°) |
| OKLab | oklab(71.65% -0.156 0.1369) |
| OKLCH | oklch(71.65% 0.208 138.7) |
| XYZ | xyz(22.8879, 39.7354, 8.4706) |
| Luminance | 0.3974 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Kelly Green
#4CBB17
ΔE00 1.62
Frog Green
#58BC08
ΔE00 2.11
Leafy Green
#51B73B
ΔE00 3.42
Apple
#6ECB3C
ΔE00 3.64
Lime Green
#32CD32
ΔE00 4.05
Kermit Green
#5CB200
ΔE00 4.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#54C028 #9428C0
analogous
#A0C028 #54C028 #28C048
triadic
#54C028 #2854C0 #C02854
tetradic
#54C028 #28A0C0 #9428C0 #C04828
square
#54C028 #28A0C0 #9428C0 #C04828
split-complementary
#54C028 #4828C0 #C028A0
monochromatic
#285B13 #3E8D1D #54C028 #75DA4C #9CE47E
إمكانية الوصول والتباين
On white
2.35
#54C028 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.95
#54C028 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #54C028
8.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##54C028 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##54C028 | 1.00 | 2.35 | 8.95 | 8.95 |
| #FFFFFF | 2.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.95 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.95 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C6AF00
Deuteranopia (green-blind)
#B8A63A
Tritanopia (blue-blind)
#49B9A4
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #54c028; /* rgb */ color: rgb(84, 192, 40); /* oklch */ color: oklch(71.7% 0.208 138.7);
Tailwind
colors: {
custom: {
50: '#90d46f',
500: '#54c028',
950: '#000000',
},
}SCSS
$custom: #54c028; $custom-light: #90d46f; $custom-dark: #000000;
JSON
{
"hex": "#54c028",
"rgb": {
"r": 84,
"g": 192,
"b": 40
},
"hsl": {
"h": 102.632,
"s": 65.517,
"l": 45.49
},
"oklch": {
"l": 0.71651,
"c": 0.20756,
"h": 138.7
},
"luminance": 0.39737
}Semantic roles & 50–950 ramp
primary
#54C028
secondary
#B477CD
accent
#3FE8B8
background
#F9FDF7
surface
#F2FAED
border
#CCD3C8
text
#0E1408
muted
#7E837B