#67F97C#67F97C
#67F97C لون فاتح جداً وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.721؛ OKLCH L 87.5% C 0.209 H 146.2°. أفضل لون لنص المتن هو #000000 بتباين 15.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #67F97C |
|---|---|
| RGB | rgb(103, 249, 124) |
| HSL | hsl(129, 92%, 69%) |
| HSV | hsv(129, 59%, 98%) |
| CMYK | cmyk(58.6%, 0%, 50.2%, 2.4%) |
| CIE-LAB | lab(88.01, -64.17, 48.17) |
| CIE-LCH | lch(88.01, 80.24, 143.11°) |
| OKLab | oklab(87.5% -0.1736 0.1163) |
| OKLCH | oklch(87.5% 0.209 146.2) |
| XYZ | xyz(43.1045, 72.0861, 30.7073) |
| Luminance | 0.7209 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lightgreen (survey)
#76FF7B
ΔE00 1.88
Spearmint
#1EF876
ΔE00 3.00
Easter Green
#8CFD7E
ΔE00 3.26
Spring Green
#00FF7F
ΔE00 3.57
Minty Green
#0BF77D
ΔE00 3.60
Wintergreen
#20F986
ΔE00 3.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#67F97C #F967E4
analogous
#9BF967 #67F97C #67F9C5
triadic
#67F97C #7C67F9 #F97C67
tetradic
#67F97C #679BF9 #F967E4 #F9C567
square
#67F97C #679BF9 #F967E4 #F9C567
split-complementary
#67F97C #C567F9 #F9679B
monochromatic
#09DD27 #2CF749 #67F97C #A2FBAF #DDFEE1
إمكانية الوصول والتباين
On white
1.36
#67F97C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.42
#67F97C on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #67F97C
15.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##67F97C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##67F97C | 1.00 | 1.36 | 15.42 | 15.42 |
| #FFFFFF | 1.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.42 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FCE571
Deuteranopia (green-blind)
#EAD885
Tritanopia (blue-blind)
#46F4DC
Achromatopsia (no color)
#DDDDDD
وسوم التصميم والكود
CSS
--color: #67f97c; /* rgb */ color: rgb(103, 249, 124); /* oklch */ color: oklch(87.5% 0.209 146.2);
Tailwind
colors: {
custom: {
50: '#9ffca4',
500: '#67f97c',
950: '#000000',
},
}SCSS
$custom: #67f97c; $custom-light: #9ffca4; $custom-dark: #000000;
JSON
{
"hex": "#67f97c",
"rgb": {
"r": 103,
"g": 249,
"b": 124
},
"hsl": {
"h": 128.63,
"s": 92.405,
"l": 69.02
},
"oklch": {
"l": 0.87497,
"c": 0.20897,
"h": 146.2
},
"luminance": 0.7209
}Semantic roles & 50–950 ramp
primary
#67F97C
secondary
#D331BC
accent
#00C4E6
background
#FDFFFC
surface
#F7FFF6
border
#D0D7D0
text
#10180F
muted
#818680