#85DE63#85DE63
#85DE63 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.581؛ OKLCH L 81.8% C 0.181 H 137.9°. أفضل لون لنص المتن هو #000000 بتباين 12.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #85DE63 |
|---|---|
| RGB | rgb(133, 222, 99) |
| HSL | hsl(103, 65%, 63%) |
| HSV | hsv(103, 55%, 87%) |
| CMYK | cmyk(40.1%, 0%, 55.4%, 12.9%) |
| CIE-LAB | lab(80.81, -48.80, 51.33) |
| CIE-LCH | lch(80.81, 70.82, 133.55°) |
| OKLab | oklab(81.8% -0.1343 0.1214) |
| OKLCH | oklch(81.8% 0.181 137.9) |
| XYZ | xyz(38.0451, 58.1279, 21.0171) |
| Luminance | 0.5813 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Fresh Green
#69D84F
ΔE00 3.13
Lightish Green
#61E160
ΔE00 3.62
Kiwi Green
#8EE53F
ΔE00 5.02
Toxic Green
#61DE2A
ΔE00 5.28
Apple
#6ECB3C
ΔE00 5.52
Green Apple
#5EDC1F
ΔE00 5.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#85DE63 #BC63DE
analogous
#C2DE63 #85DE63 #63DE7F
triadic
#85DE63 #6385DE #DE6385
tetradic
#85DE63 #63C2DE #BC63DE #DE7F63
square
#85DE63 #63C2DE #BC63DE #DE7F63
split-complementary
#85DE63 #7F63DE #DE63C2
monochromatic
#46A423 #5DD330 #85DE63 #ADE996 #D4F3C8
إمكانية الوصول والتباين
On white
1.66
#85DE63 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.63
#85DE63 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #85DE63
12.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##85DE63 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##85DE63 | 1.00 | 1.66 | 12.63 | 12.63 |
| #FFFFFF | 1.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E4CD57
Deuteranopia (green-blind)
#D8C66C
Tritanopia (blue-blind)
#80D7C3
Achromatopsia (no color)
#C9C9C9
وسوم التصميم والكود
CSS
--color: #85de63; /* rgb */ color: rgb(133, 222, 99); /* oklch */ color: oklch(81.8% 0.181 137.9);
Tailwind
colors: {
custom: {
50: '#ade993',
500: '#85de63',
950: '#000000',
},
}SCSS
$custom: #85de63; $custom-light: #ade993; $custom-dark: #000000;
JSON
{
"hex": "#85de63",
"rgb": {
"r": 133,
"g": 222,
"b": 99
},
"hsl": {
"h": 103.415,
"s": 65.079,
"l": 62.941
},
"oklch": {
"l": 0.818,
"c": 0.18103,
"h": 137.9
},
"luminance": 0.5813
}Semantic roles & 50–950 ramp
primary
#85DE63
secondary
#8A3EA7
accent
#19CD9B
background
#FDFEFC
surface
#F8FDF4
border
#D1D5CE
text
#11160D
muted
#81847F