#4BC751#4BC751
#4BC751 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.429؛ OKLCH L 73.5% C 0.193 H 144.1°. أفضل لون لنص المتن هو #000000 بتباين 9.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4BC751 |
|---|---|
| RGB | rgb(75, 199, 81) |
| HSL | hsl(123, 53%, 54%) |
| HSV | hsv(123, 62%, 78%) |
| CMYK | cmyk(62.3%, 0%, 59.3%, 22%) |
| CIE-LAB | lab(71.51, -57.66, 48.13) |
| CIE-LCH | lch(71.51, 75.11, 140.15°) |
| OKLab | oklab(73.51% -0.1563 0.1134) |
| OKLCH | oklch(73.51% 0.193 144.1) |
| XYZ | xyz(24.8088, 42.9344, 14.7627) |
| Luminance | 0.4294 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Shamrock Green
#02C14D
ΔE00 3.38
Lime Green
#32CD32
ΔE00 3.72
Leafy Green
#51B73B
ΔE00 4.68
Apple
#6ECB3C
ΔE00 5.17
Fresh Green
#69D84F
ΔE00 5.31
Kelly Green
#4CBB17
ΔE00 5.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4BC751 #C74BC1
analogous
#83C74B #4BC751 #4BC78F
triadic
#4BC751 #514BC7 #C7514B
tetradic
#4BC751 #4B83C7 #C74BC1 #C78F4B
square
#4BC751 #4B83C7 #C74BC1 #C78F4B
split-complementary
#4BC751 #8F4BC7 #C74B83
monochromatic
#247428 #32A238 #4BC751 #7AD67E #A8E4AB
إمكانية الوصول والتباين
On white
2.19
#4BC751 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.59
#4BC751 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #4BC751
9.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4BC751 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4BC751 | 1.00 | 2.19 | 9.59 | 9.59 |
| #FFFFFF | 2.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.59 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CBB645
Deuteranopia (green-blind)
#BBAB5A
Tritanopia (blue-blind)
#30C2AD
Achromatopsia (no color)
#AFAFAF
وسوم التصميم والكود
CSS
--color: #4bc751; /* rgb */ color: rgb(75, 199, 81); /* oklch */ color: oklch(73.5% 0.193 144.1);
Tailwind
colors: {
custom: {
50: '#8bd986',
500: '#4bc751',
950: '#000000',
},
}SCSS
$custom: #4bc751; $custom-light: #8bd986; $custom-dark: #000000;
JSON
{
"hex": "#4bc751",
"rgb": {
"r": 75,
"g": 199,
"b": 81
},
"hsl": {
"h": 122.903,
"s": 52.542,
"l": 53.725
},
"oklch": {
"l": 0.73514,
"c": 0.19313,
"h": 144.1
},
"luminance": 0.42937
}Semantic roles & 50–950 ramp
primary
#4BC751
secondary
#D19CCF
accent
#4CD5DC
background
#F9FDF8
surface
#F1FBF0
border
#CBD4CB
text
#0D150B
muted
#7E837C