#87BB7F#87BB7F

#87BB7F لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.422؛ OKLCH L 74.0% C 0.101 H 141.2°. أفضل لون لنص المتن هو #000000 بتباين 9.44:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#87BB7F
RGBrgb(135, 187, 127)
HSLhsl(112, 31%, 62%)
HSVhsv(112, 32%, 73%)
CMYKcmyk(27.8%, 0%, 32.1%, 26.7%)
CIE-LABlab(71.02, -28.75, 25.08)
CIE-LCHlch(71.02, 38.15, 138.91°)
OKLaboklab(74.01% -0.0784 0.063)
OKLCHoklch(74.01% 0.101 141.2)
XYZxyz(31.5916, 42.2227, 26.5598)
Luminance0.4222 (WCAG relative)
Temperatureneutral
Familygreen

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#87BB7F #B37FBB
analogous
#A5BB7F #87BB7F #7FBB95
triadic
#87BB7F #7F87BB #BB7F87
tetradic
#87BB7F #7FA5BB #B37FBB #BB957F
square
#87BB7F #7FA5BB #B37FBB #BB957F
split-complementary
#87BB7F #957FBB #BB7FA5
monochromatic
#4A7D42 #62A558 #87BB7F #ACD0A7 #D2E5CF

إمكانية الوصول والتباين

On white

2.22
#87BB7F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.44
#87BB7F on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #87BB7F
9.44:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##87BB7F#FFFFFF#000000##000000
##87BB7F1.002.229.449.44
#FFFFFF2.221.0021.0021.00
#0000009.4421.001.001.00
##0000009.4421.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#BEB17B
Deuteranopia (green-blind)
#B6AC82
Tritanopia (blue-blind)
#83B7AB
Achromatopsia (no color)
#AEAEAE

وسوم التصميم والكود

CSS
--color: #87bb7f;
/* rgb */ color: rgb(135, 187, 127);
/* oklch */ color: oklch(74.0% 0.101 141.2);
Tailwind
colors: {
  custom: {
    50: '#abcfa4',
    500: '#87bb7f',
    950: '#000000',
  },
}
SCSS
$custom: #87bb7f;
$custom-light: #abcfa4;
$custom-dark: #000000;
JSON
{
  "hex": "#87bb7f",
  "rgb": {
    "r": 135,
    "g": 187,
    "b": 127
  },
  "hsl": {
    "h": 112,
    "s": 30.612,
    "l": 61.569
  },
  "oklch": {
    "l": 0.74009,
    "c": 0.10056,
    "h": 141.2
  },
  "luminance": 0.42224
}

Semantic roles & 50–950 ramp

primary
#87BB7F
secondary
#D3C0D6
accent
#3CA99B
background
#FAFCFA
surface
#F4F9F4
border
#CED2CE
text
#10140F
muted
#7F827F

مختبر المعاينة

معاينة مع #87BB7F

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#87BB7F — Tintiva