#7FBC97#7FBC97

#7FBC97 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.427؛ OKLCH L 74.3% C 0.083 H 157.1°. أفضل لون لنص المتن هو #000000 بتباين 9.54:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7FBC97
RGBrgb(127, 188, 151)
HSLhsl(144, 31%, 62%)
HSVhsv(144, 32%, 74%)
CMYKcmyk(32.4%, 0%, 19.7%, 26.3%)
CIE-LABlab(71.36, -27.56, 12.56)
CIE-LCHlch(71.36, 30.28, 155.49°)
OKLaboklab(74.32% -0.0763 0.0323)
OKLCHoklch(74.32% 0.083 157.1)
XYZxyz(32.3196, 42.7112, 35.8133)
Luminance0.4271 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7FBC97 #BC7FA4
analogous
#86BC7F #7FBC97 #7FBCB6
triadic
#7FBC97 #977FBC #BC977F
tetradic
#7FBC97 #7F86BC #BC7FA4 #BCB67F
square
#7FBC97 #7F86BC #BC7FA4 #BCB67F
split-complementary
#7FBC97 #B67FBC #BC7F86
monochromatic
#427E5A #57A776 #7FBC97 #A7D1B8 #CFE6D8

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

On white

2.20
#7FBC97 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.54
#7FBC97 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7FBC97#FFFFFF#000000##000000
##7FBC971.002.209.549.54
#FFFFFF2.201.0021.0021.00
#0000009.5421.001.001.00
##0000009.5421.001.001.00

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

Protanopia (red-blind)
#BBB395
Deuteranopia (green-blind)
#B1AC99
Tritanopia (blue-blind)
#73BBB2
Achromatopsia (no color)
#AFAFAF

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

CSS
--color: #7fbc97;
/* rgb */ color: rgb(127, 188, 151);
/* oklch */ color: oklch(74.3% 0.083 157.1);
Tailwind
colors: {
  custom: {
    50: '#a6d0b5',
    500: '#7fbc97',
    950: '#000000',
  },
}
SCSS
$custom: #7fbc97;
$custom-light: #a6d0b5;
$custom-dark: #000000;
JSON
{
  "hex": "#7fbc97",
  "rgb": {
    "r": 127,
    "g": 188,
    "b": 151
  },
  "hsl": {
    "h": 143.607,
    "s": 31.282,
    "l": 61.765
  },
  "oklch": {
    "l": 0.7432,
    "c": 0.08289,
    "h": 157.1
  },
  "luminance": 0.42713
}

Semantic roles & 50–950 ramp

primary
#7FBC97
secondary
#D7C0CE
accent
#3B7FAA
background
#FAFCFB
surface
#F4F9F6
border
#CED2D0
text
#0F1411
muted
#7F8280

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

معاينة مع #7FBC97

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

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

#7FBC97 — Tintiva