#A2BC7F#A2BC7F

#A2BC7F لون فاتح ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.452؛ OKLCH L 76.0% C 0.088 H 127.1°. أفضل لون لنص المتن هو #000000 بتباين 10.04:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#A2BC7F
RGBrgb(162, 188, 127)
HSLhsl(86, 31%, 62%)
HSVhsv(86, 32%, 74%)
CMYKcmyk(13.8%, 0%, 32.4%, 26.3%)
CIE-LABlab(73.01, -19.53, 28.03)
CIE-LCHlch(73.01, 34.16, 124.86°)
OKLaboklab(76.04% -0.053 0.07)
OKLCHoklch(76.04% 0.088 127.1)
XYZxyz(36.7138, 45.1798, 26.8609)
Luminance0.4518 (WCAG relative)
Temperaturewarm
Familyyellow-green

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#A2BC7F #997FBC
analogous
#BCB87F #A2BC7F #84BC7F
triadic
#A2BC7F #7FA2BC #BC7FA2
tetradic
#A2BC7F #7FBCB8 #997FBC #BC7F84
square
#A2BC7F #7FBCB8 #997FBC #BC7F84
split-complementary
#A2BC7F #7F84BC #B87FBC
monochromatic
#657E42 #85A757 #A2BC7F #BFD1A7 #DCE6CF

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

On white

2.09
#A2BC7F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.04
#A2BC7F on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##A2BC7F#FFFFFF#000000##000000
##A2BC7F1.002.0910.0410.04
#FFFFFF2.091.0021.0021.00
#00000010.0421.001.001.00
##00000010.0421.001.001.00

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

Protanopia (red-blind)
#C2B47B
Deuteranopia (green-blind)
#BEB382
Tritanopia (blue-blind)
#A5B7AC
Achromatopsia (no color)
#B3B3B3

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

CSS
--color: #a2bc7f;
/* rgb */ color: rgb(162, 188, 127);
/* oklch */ color: oklch(76.0% 0.088 127.1);
Tailwind
colors: {
  custom: {
    50: '#bed0a4',
    500: '#a2bc7f',
    950: '#000000',
  },
}
SCSS
$custom: #a2bc7f;
$custom-light: #bed0a4;
$custom-dark: #000000;
JSON
{
  "hex": "#a2bc7f",
  "rgb": {
    "r": 162,
    "g": 188,
    "b": 127
  },
  "hsl": {
    "h": 85.574,
    "s": 31.282,
    "l": 61.765
  },
  "oklch": {
    "l": 0.76043,
    "c": 0.08776,
    "h": 127.1
  },
  "luminance": 0.4518
}

Semantic roles & 50–950 ramp

primary
#A2BC7F
secondary
#CAC0D7
accent
#3BAA6B
background
#FBFCFA
surface
#F7F9F4
border
#D0D2CE
text
#12140F
muted
#81827F

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

معاينة مع #A2BC7F

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

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

#A2BC7F — Tintiva