#9EA893#9EA893
#9EA893 لون فاتح وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.374؛ OKLCH L 71.8% C 0.032 H 128.0°. أفضل لون لنص المتن هو #000000 بتباين 8.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9EA893 |
|---|---|
| RGB | rgb(158, 168, 147) |
| HSL | hsl(89, 11%, 62%) |
| HSV | hsv(89, 13%, 66%) |
| CMYK | cmyk(6%, 0%, 12.5%, 34.1%) |
| CIE-LAB | lab(67.56, -7.45, 9.65) |
| CIE-LCH | lch(67.56, 12.20, 127.67°) |
| OKLab | oklab(71.77% -0.0196 0.0251) |
| OKLCH | oklch(71.77% 0.032 128) |
| XYZ | xyz(33.3688, 37.3808, 33.0554) |
| Luminance | 0.3738 (WCAG relative) |
| Temperature | neutral |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Cement
#A5A391
ΔE00 5.60
Greenish Grey
#96AE8D
ΔE00 6.00
Sage Green
#9CAF88
ΔE00 6.38
Greyish
#A8A495
ΔE00 7.11
Bland
#AFA88B
ΔE00 7.69
Grey Green
#86A17D
ΔE00 7.96
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9EA893 #9D93A8
analogous
#A8A893 #9EA893 #94A893
triadic
#9EA893 #939EA8 #A8939E
tetradic
#9EA893 #93A8A8 #9D93A8 #A89394
square
#9EA893 #93A8A8 #9D93A8 #A89394
split-complementary
#9EA893 #9394A8 #A893A8
monochromatic
#616B56 #808D71 #9EA893 #BCC3B5 #DBDFD7
إمكانية الوصول والتباين
On white
2.48
#9EA893 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.48
#9EA893 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9EA893
8.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9EA893 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9EA893 | 1.00 | 2.48 | 8.48 | 8.48 |
| #FFFFFF | 2.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.48 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.48 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AAA592
Deuteranopia (green-blind)
#A9A494
Tritanopia (blue-blind)
#9FA6A2
Achromatopsia (no color)
#A5A5A5
وسوم التصميم والكود
CSS
--color: #9ea893; /* rgb */ color: rgb(158, 168, 147); /* oklch */ color: oklch(71.8% 0.032 128.0);
Tailwind
colors: {
custom: {
50: '#bac1b2',
500: '#9ea893',
950: '#000000',
},
}SCSS
$custom: #9ea893; $custom-light: #bac1b2; $custom-dark: #000000;
JSON
{
"hex": "#9ea893",
"rgb": {
"r": 158,
"g": 168,
"b": 147
},
"hsl": {
"h": 88.571,
"s": 10.769,
"l": 61.765
},
"oklch": {
"l": 0.71765,
"c": 0.03181,
"h": 128
},
"luminance": 0.37381
}Semantic roles & 50–950 ramp
primary
#9EA893
secondary
#CBC8CF
accent
#519571
background
#FBFBFA
surface
#F6F7F5
border
#D0D0CF
text
#111211
muted
#808180