#87BF47#87BF47
#87BF47 لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.429؛ OKLCH L 74.1% C 0.162 H 130.7°. أفضل لون لنص المتن هو #000000 بتباين 9.57:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #87BF47 |
|---|---|
| RGB | rgb(135, 191, 71) |
| HSL | hsl(88, 48%, 51%) |
| HSV | hsv(88, 63%, 75%) |
| CMYK | cmyk(29.3%, 0%, 62.8%, 25.1%) |
| CIE-LAB | lab(71.46, -37.48, 53.17) |
| CIE-LCH | lch(71.46, 65.05, 125.18°) |
| OKLab | oklab(74.13% -0.1054 0.1226) |
| OKLCH | oklch(74.13% 0.162 130.7) |
| XYZ | xyz(29.7595, 42.8666, 12.6661) |
| Luminance | 0.4287 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Turtle Green
#75B84F
ΔE00 3.91
Nasty Green
#70B23F
ΔE00 4.51
Dark Lime Green
#7EBD01
ΔE00 4.64
Apple
#6ECB3C
ΔE00 4.86
Apple Green
#76CD26
ΔE00 5.24
Dark Lime
#84B701
ΔE00 5.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#87BF47 #7F47BF
analogous
#BFBB47 #87BF47 #4BBF47
triadic
#87BF47 #4787BF #BF4787
tetradic
#87BF47 #47BFBB #7F47BF #BF474B
square
#87BF47 #47BFBB #7F47BF #BF474B
split-complementary
#87BF47 #474BBF #BB47BF
monochromatic
#486824 #689534 #87BF47 #A5CF74 #C2DFA2
إمكانية الوصول والتباين
On white
2.19
#87BF47 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.57
#87BF47 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #87BF47
9.57:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##87BF47 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##87BF47 | 1.00 | 2.19 | 9.57 | 9.57 |
| #FFFFFF | 2.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.57 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.57 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C7B239
Deuteranopia (green-blind)
#BFAE50
Tritanopia (blue-blind)
#8AB7A6
Achromatopsia (no color)
#AFAFAF
وسوم التصميم والكود
CSS
--color: #87bf47; /* rgb */ color: rgb(135, 191, 71); /* oklch */ color: oklch(74.1% 0.162 130.7);
Tailwind
colors: {
custom: {
50: '#add27f',
500: '#87bf47',
950: '#000000',
},
}SCSS
$custom: #87bf47; $custom-light: #add27f; $custom-dark: #000000;
JSON
{
"hex": "#87bf47",
"rgb": {
"r": 135,
"g": 191,
"b": 71
},
"hsl": {
"h": 88,
"s": 48.387,
"l": 51.373
},
"oklch": {
"l": 0.74125,
"c": 0.16167,
"h": 130.7
},
"luminance": 0.42867
}Semantic roles & 50–950 ramp
primary
#87BF47
secondary
#AF96CB
accent
#50D88F
background
#FBFCF8
surface
#F6F9EF
border
#D0D2CA
text
#11140A
muted
#80827C