#8FB877#8FB877

#8FB877 لون فاتح ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.415؛ OKLCH L 73.7% C 0.100 H 134.5°. أفضل لون لنص المتن هو #000000 بتباين 9.29:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#8FB877
RGBrgb(143, 184, 119)
HSLhsl(98, 31%, 59%)
HSVhsv(98, 35%, 72%)
CMYKcmyk(22.3%, 0%, 35.3%, 27.8%)
CIE-LABlab(70.49, -25.71, 28.69)
CIE-LCHlch(70.49, 38.52, 131.86°)
OKLaboklab(73.66% -0.0701 0.0714)
OKLCHoklch(73.66% 0.1 134.5)
XYZxyz(31.7972, 41.4518, 23.7749)
Luminance0.4145 (WCAG relative)
Temperaturewarm
Familyyellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#8FB877 #A077B8
analogous
#B0B877 #8FB877 #77B880
triadic
#8FB877 #778FB8 #B8778F
tetradic
#8FB877 #77B0B8 #A077B8 #B88077
square
#8FB877 #77B0B8 #A077B8 #B88077
split-complementary
#8FB877 #8077B8 #B877B0
monochromatic
#53773E #6F9F53 #8FB877 #B0CD9F #D1E2C7

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

On white

2.26
#8FB877 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.29
#8FB877 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #8FB877
9.29:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##8FB877#FFFFFF#000000##000000
##8FB8771.002.269.299.29
#FFFFFF2.261.0021.0021.00
#0000009.2921.001.001.00
##0000009.2921.001.001.00

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

Protanopia (red-blind)
#BDAF73
Deuteranopia (green-blind)
#B7AB7A
Tritanopia (blue-blind)
#8FB3A7
Achromatopsia (no color)
#ACACAC

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

CSS
--color: #8fb877;
/* rgb */ color: rgb(143, 184, 119);
/* oklch */ color: oklch(73.7% 0.100 134.5);
Tailwind
colors: {
  custom: {
    50: '#b1cd9f',
    500: '#8fb877',
    950: '#000000',
  },
}
SCSS
$custom: #8fb877;
$custom-light: #b1cd9f;
$custom-dark: #000000;
JSON
{
  "hex": "#8fb877",
  "rgb": {
    "r": 143,
    "g": 184,
    "b": 119
  },
  "hsl": {
    "h": 97.846,
    "s": 31.401,
    "l": 59.412
  },
  "oklch": {
    "l": 0.73658,
    "c": 0.10007,
    "h": 134.5
  },
  "luminance": 0.41453
}

Semantic roles & 50–950 ramp

primary
#8FB877
secondary
#C9B9D2
accent
#60C8A1
background
#FAFCF9
surface
#F5F9F2
border
#CFD2CC
text
#11130E
muted
#80827E

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

معاينة مع #8FB877

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

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

#8FB877 — Tintiva