#4EA87B#4EA87B
#4EA87B لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.311؛ OKLCH L 66.4% C 0.111 H 159.4°. أفضل لون لنص المتن هو #000000 بتباين 7.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4EA87B |
|---|---|
| RGB | rgb(78, 168, 123) |
| HSL | hsl(150, 37%, 48%) |
| HSV | hsv(150, 54%, 66%) |
| CMYK | cmyk(53.6%, 0%, 26.8%, 34.1%) |
| CIE-LAB | lab(62.55, -37.68, 15.23) |
| CIE-LCH | lch(62.55, 40.64, 157.98°) |
| OKLab | oklab(66.39% -0.1034 0.0389) |
| OKLCH | oklch(66.39% 0.111 159.4) |
| XYZ | xyz(20.7179, 31.0532, 23.6371) |
| Luminance | 0.3105 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Tea
#65AB7C
ΔE00 3.13
Dark Seafoam Green
#3EAF76
ΔE00 3.32
Jade
#1FA774
ΔE00 3.51
Teal Green
#25A36F
ΔE00 3.80
Greenish
#40A368
ΔE00 3.97
Bluish Green
#10A674
ΔE00 3.99
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4EA87B #A84E7B
analogous
#4EA84E #4EA87B #4EA8A8
triadic
#4EA87B #7B4EA8 #A87B4E
tetradic
#4EA87B #4E4EA8 #A84E7B #A8A84E
square
#4EA87B #4E4EA8 #A84E7B #A8A84E
split-complementary
#4EA87B #A84EA8 #A84E4E
monochromatic
#27543E #3B7E5C #4EA87B #75BF9A #9ED2B8
إمكانية الوصول والتباين
On white
2.91
#4EA87B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.21
#4EA87B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #4EA87B
7.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4EA87B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4EA87B | 1.00 | 2.91 | 7.21 | 7.21 |
| #FFFFFF | 2.91 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.21 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A69D78
Deuteranopia (green-blind)
#99947E
Tritanopia (blue-blind)
#31A79C
Achromatopsia (no color)
#979797
وسوم التصميم والكود
CSS
--color: #4ea87b; /* rgb */ color: rgb(78, 168, 123); /* oklch */ color: oklch(66.4% 0.111 159.4);
Tailwind
colors: {
custom: {
50: '#86c2a1',
500: '#4ea87b',
950: '#000000',
},
}SCSS
$custom: #4ea87b; $custom-light: #86c2a1; $custom-dark: #000000;
JSON
{
"hex": "#4ea87b",
"rgb": {
"r": 78,
"g": 168,
"b": 123
},
"hsl": {
"h": 150,
"s": 36.585,
"l": 48.235
},
"oklch": {
"l": 0.66393,
"c": 0.1105,
"h": 159.4
},
"luminance": 0.31055
}Semantic roles & 50–950 ramp
primary
#4EA87B
secondary
#BF93A9
accent
#5B94CD
background
#F8FCF9
surface
#F0F8F2
border
#CBD1CC
text
#0C120F
muted
#7D817E