#62DA78#62DA78
#62DA78 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.541؛ OKLCH L 79.6% C 0.174 H 147.5°. أفضل لون لنص المتن هو #000000 بتباين 11.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #62DA78 |
|---|---|
| RGB | rgb(98, 218, 120) |
| HSL | hsl(131, 62%, 62%) |
| HSV | hsv(131, 55%, 85%) |
| CMYK | cmyk(55%, 0%, 45%, 14.5%) |
| CIE-LAB | lab(78.52, -54.22, 38.18) |
| CIE-LCH | lch(78.52, 66.31, 144.85°) |
| OKLab | oklab(79.63% -0.1468 0.0935) |
| OKLCH | oklch(79.63% 0.174 147.5) |
| XYZ | xyz(33.4964, 54.0926, 26.4414) |
| Luminance | 0.5410 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Weird Green
#3AE57F
ΔE00 3.61
Tealish Green
#0CDC73
ΔE00 3.77
Lightish Green
#61E160
ΔE00 4.32
Seaweed
#18D17B
ΔE00 5.20
Emerald
#50C878
ΔE00 5.21
Fresh Green
#69D84F
ΔE00 5.82
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#62DA78 #DA62C4
analogous
#88DA62 #62DA78 #62DAB4
triadic
#62DA78 #7862DA #DA7862
tetradic
#62DA78 #6288DA #DA62C4 #DAB462
square
#62DA78 #6288DA #DA62C4 #DAB462
split-complementary
#62DA78 #B462DA #DA6288
monochromatic
#259D3B #31CE4D #62DA78 #94E6A3 #C5F1CD
إمكانية الوصول والتباين
On white
1.78
#62DA78 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.82
#62DA78 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #62DA78
11.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##62DA78 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##62DA78 | 1.00 | 1.78 | 11.82 | 11.82 |
| #FFFFFF | 1.78 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DCC970
Deuteranopia (green-blind)
#CCBE7F
Tritanopia (blue-blind)
#49D6C2
Achromatopsia (no color)
#C2C2C2
وسوم التصميم والكود
CSS
--color: #62da78; /* rgb */ color: rgb(98, 218, 120); /* oklch */ color: oklch(79.6% 0.174 147.5);
Tailwind
colors: {
custom: {
50: '#98e6a0',
500: '#62da78',
950: '#000000',
},
}SCSS
$custom: #62da78; $custom-light: #98e6a0; $custom-dark: #000000;
JSON
{
"hex": "#62da78",
"rgb": {
"r": 98,
"g": 218,
"b": 120
},
"hsl": {
"h": 131,
"s": 61.856,
"l": 61.961
},
"oklch": {
"l": 0.79631,
"c": 0.17408,
"h": 147.5
},
"luminance": 0.54096
}Semantic roles & 50–950 ramp
primary
#62DA78
secondary
#A1408F
accent
#1CAACA
background
#FCFEFC
surface
#F5FCF5
border
#CFD5CF
text
#0F160F
muted
#808480