#879883#879883
#879883 لون فاتح وخافت من عائلة أخضر. الإضاءة النسبية 0.292؛ OKLCH L 66.0% C 0.036 H 139.7°. أفضل لون لنص المتن هو #000000 بتباين 6.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #879883 |
|---|---|
| RGB | rgb(135, 152, 131) |
| HSL | hsl(109, 9%, 55%) |
| HSV | hsv(109, 14%, 60%) |
| CMYK | cmyk(11.2%, 0%, 13.8%, 40.4%) |
| CIE-LAB | lab(61.00, -10.19, 9.03) |
| CIE-LCH | lch(61.00, 13.61, 138.45°) |
| OKLab | oklab(66.01% -0.0276 0.0234) |
| OKLCH | oklch(66.01% 0.036 139.7) |
| XYZ | xyz(25.3158, 29.2458, 25.7796) |
| Luminance | 0.2925 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Grey Green
#86A17D
ΔE00 5.79
Green Grey
#77926F
ΔE00 6.15
Greeny Grey
#7EA07A
ΔE00 6.94
Greenish Grey
#96AE8D
ΔE00 7.47
Greyish Green
#82A67D
ΔE00 8.12
Greyish Teal
#719F91
ΔE00 8.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#879883 #948398
analogous
#919883 #879883 #839889
triadic
#879883 #838798 #988387
tetradic
#879883 #839198 #948398 #988983
square
#879883 #839198 #948398 #988983
split-complementary
#879883 #898398 #988391
monochromatic
#4C5849 #697965 #879883 #A7B4A4 #C8D0C6
إمكانية الوصول والتباين
On white
3.07
#879883 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.85
#879883 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #879883
6.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##879883 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##879883 | 1.00 | 3.07 | 6.85 | 6.85 |
| #FFFFFF | 3.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9A9482
Deuteranopia (green-blind)
#979384
Tritanopia (blue-blind)
#869692
Achromatopsia (no color)
#939393
وسوم التصميم والكود
CSS
--color: #879883; /* rgb */ color: rgb(135, 152, 131); /* oklch */ color: oklch(66.0% 0.036 139.7);
Tailwind
colors: {
custom: {
50: '#aab6a7',
500: '#879883',
950: '#000000',
},
}SCSS
$custom: #879883; $custom-light: #aab6a7; $custom-dark: #000000;
JSON
{
"hex": "#879883",
"rgb": {
"r": 135,
"g": 152,
"b": 131
},
"hsl": {
"h": 108.571,
"s": 9.251,
"l": 55.49
},
"oklch": {
"l": 0.66007,
"c": 0.03619,
"h": 139.7
},
"luminance": 0.29246
}Semantic roles & 50–950 ramp
primary
#879883
secondary
#BEB7C0
accent
#76B2A7
background
#FAFBFA
surface
#F4F6F4
border
#CED0CE
text
#10110F
muted
#7F807F