#73C660#73C660
#73C660 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.449؛ OKLCH L 75.0% C 0.160 H 139.9°. أفضل لون لنص المتن هو #000000 بتباين 9.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #73C660 |
|---|---|
| RGB | rgb(115, 198, 96) |
| HSL | hsl(109, 47%, 58%) |
| HSV | hsv(109, 52%, 78%) |
| CMYK | cmyk(41.9%, 0%, 51.5%, 22.4%) |
| CIE-LAB | lab(72.81, -44.75, 42.99) |
| CIE-LCH | lch(72.81, 62.06, 136.15°) |
| OKLab | oklab(75.04% -0.1225 0.1031) |
| OKLCH | oklch(75.04% 0.16 139.9) |
| XYZ | xyz(29.3745, 44.8758, 18.1781) |
| Luminance | 0.4488 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Turtle Green
#75B84F
ΔE00 4.15
Soft Green
#6FC276
ΔE00 4.56
Apple
#6ECB3C
ΔE00 4.89
Pistachio
#93C572
ΔE00 4.93
Fresh Green
#69D84F
ΔE00 5.56
Leafy Green
#51B73B
ΔE00 5.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#73C660 #B360C6
analogous
#A6C660 #73C660 #60C680
triadic
#73C660 #6073C6 #C66073
tetradic
#73C660 #60A6C6 #B360C6 #C68060
square
#73C660 #60A6C6 #B360C6 #C68060
split-complementary
#73C660 #8060C6 #C660A6
monochromatic
#3C7E2D #52AB3D #73C660 #9BD68D #C2E6BA
إمكانية الوصول والتباين
On white
2.11
#73C660 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.98
#73C660 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #73C660
9.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##73C660 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##73C660 | 1.00 | 2.11 | 9.98 | 9.98 |
| #FFFFFF | 2.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.98 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CBB757
Deuteranopia (green-blind)
#BFB067
Tritanopia (blue-blind)
#6CC0AF
Achromatopsia (no color)
#B3B3B3
وسوم التصميم والكود
CSS
--color: #73c660; /* rgb */ color: rgb(115, 198, 96); /* oklch */ color: oklch(75.0% 0.160 139.9);
Tailwind
colors: {
custom: {
50: '#a0d88f',
500: '#73c660',
950: '#000000',
},
}SCSS
$custom: #73c660; $custom-light: #a0d88f; $custom-dark: #000000;
JSON
{
"hex": "#73c660",
"rgb": {
"r": 115,
"g": 198,
"b": 96
},
"hsl": {
"h": 108.824,
"s": 47.222,
"l": 57.647
},
"oklch": {
"l": 0.75035,
"c": 0.16011,
"h": 139.9
},
"luminance": 0.44878
}Semantic roles & 50–950 ramp
primary
#73C660
secondary
#CEACD5
accent
#51D7BE
background
#FAFDF8
surface
#F4FAF0
border
#CED3CB
text
#0F140D
muted
#7F837D