#6FAC78#6FAC78
#6FAC78 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.342؛ OKLCH L 68.9% C 0.099 H 148.1°. أفضل لون لنص المتن هو #000000 بتباين 7.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6FAC78 |
|---|---|
| RGB | rgb(111, 172, 120) |
| HSL | hsl(129, 27%, 55%) |
| HSV | hsv(129, 35%, 67%) |
| CMYK | cmyk(35.5%, 0%, 30.2%, 32.5%) |
| CIE-LAB | lab(65.15, -30.73, 20.68) |
| CIE-LCH | lch(65.15, 37.04, 146.06°) |
| OKLab | oklab(68.88% -0.0839 0.0523) |
| OKLCH | oklch(68.88% 0.099 148.1) |
| XYZ | xyz(24.6970, 34.2393, 23.0732) |
| Luminance | 0.3424 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Dusty Green
#76A973
ΔE00 1.99
Tea
#65AB7C
ΔE00 2.20
Faded Green
#7BB274
ΔE00 3.36
Algae
#54AC68
ΔE00 4.45
Greyish Green
#82A67D
ΔE00 4.82
Sage Green (survey)
#88B378
ΔE00 4.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6FAC78 #AC6FA3
analogous
#85AC6F #6FAC78 #6FAC96
triadic
#6FAC78 #786FAC #AC786F
tetradic
#6FAC78 #6F85AC #AC6FA3 #AC966F
square
#6FAC78 #6F85AC #AC6FA3 #AC966F
split-complementary
#6FAC78 #966FAC #AC6F85
monochromatic
#3B6641 #518D5A #6FAC78 #96C29C #BDD9C1
إمكانية الوصول والتباين
On white
2.68
#6FAC78 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.85
#6FAC78 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #6FAC78
7.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6FAC78 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6FAC78 | 1.00 | 2.68 | 7.85 | 7.85 |
| #FFFFFF | 2.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ADA275
Deuteranopia (green-blind)
#A49C7B
Tritanopia (blue-blind)
#67A99E
Achromatopsia (no color)
#9E9E9E
وسوم التصميم والكود
CSS
--color: #6fac78; /* rgb */ color: rgb(111, 172, 120); /* oklch */ color: oklch(68.9% 0.099 148.1);
Tailwind
colors: {
custom: {
50: '#9ac59f',
500: '#6fac78',
950: '#000000',
},
}SCSS
$custom: #6fac78; $custom-light: #9ac59f; $custom-dark: #000000;
JSON
{
"hex": "#6fac78",
"rgb": {
"r": 111,
"g": 172,
"b": 120
},
"hsl": {
"h": 128.852,
"s": 26.872,
"l": 55.49
},
"oklch": {
"l": 0.68877,
"c": 0.09888,
"h": 148.1
},
"luminance": 0.34241
}Semantic roles & 50–950 ramp
primary
#6FAC78
secondary
#C8AFC4
accent
#65B5C3
background
#F9FCF9
surface
#F2F8F2
border
#CCD1CC
text
#0E130E
muted
#7E827E