#4CED67#4CED67
#4CED67 لون فاتح جداً وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.631؛ OKLCH L 83.5% C 0.222 H 146.0°. أفضل لون لنص المتن هو #000000 بتباين 13.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4CED67 |
|---|---|
| RGB | rgb(76, 237, 103) |
| HSL | hsl(130, 82%, 61%) |
| HSV | hsv(130, 68%, 93%) |
| CMYK | cmyk(67.9%, 0%, 56.5%, 7.1%) |
| CIE-LAB | lab(83.48, -68.02, 52.20) |
| CIE-LCH | lch(83.48, 85.74, 142.50°) |
| OKLab | oklab(83.49% -0.1836 0.1239) |
| OKLCH | oklch(83.49% 0.222 146) |
| XYZ | xyz(35.7104, 63.0803, 23.1231) |
| Luminance | 0.6308 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lightish Green
#61E160
ΔE00 3.03
Spearmint
#1EF876
ΔE00 3.17
Minty Green
#0BF77D
ΔE00 3.83
Light Bright Green
#53FE5C
ΔE00 4.34
Bright Light Green
#2DFE54
ΔE00 4.50
Light Neon Green
#4EFD54
ΔE00 4.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4CED67 #ED4CD2
analogous
#82ED4C #4CED67 #4CEDB8
triadic
#4CED67 #674CED #ED674C
tetradic
#4CED67 #4C82ED #ED4CD2 #EDB84C
square
#4CED67 #4C82ED #ED4CD2 #EDB84C
split-complementary
#4CED67 #B84CED #ED4C82
monochromatic
#11AD2C #17E53A #4CED67 #84F396 #BBF8C5
إمكانية الوصول والتباين
On white
1.54
#4CED67 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.62
#4CED67 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #4CED67
13.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4CED67 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4CED67 | 1.00 | 1.54 | 13.62 | 13.62 |
| #FFFFFF | 1.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F0D85A
Deuteranopia (green-blind)
#DDCB72
Tritanopia (blue-blind)
#05E7CF
Achromatopsia (no color)
#D0D0D0
وسوم التصميم والكود
CSS
--color: #4ced67; /* rgb */ color: rgb(76, 237, 103); /* oklch */ color: oklch(83.5% 0.222 146.0);
Tailwind
colors: {
custom: {
50: '#91f496',
500: '#4ced67',
950: '#000000',
},
}SCSS
$custom: #4ced67; $custom-light: #91f496; $custom-dark: #000000;
JSON
{
"hex": "#4ced67",
"rgb": {
"r": 76,
"g": 237,
"b": 103
},
"hsl": {
"h": 130.062,
"s": 81.726,
"l": 61.373
},
"oklch": {
"l": 0.83493,
"c": 0.22151,
"h": 146
},
"luminance": 0.63084
}Semantic roles & 50–950 ramp
primary
#4CED67
secondary
#AE2F99
accent
#07BADE
background
#FCFFFC
surface
#F5FEF5
border
#CFD6CF
text
#0E170E
muted
#7F857F