#87CC97#87CC97

#87CC97 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.506؛ OKLCH L 78.5% C 0.103 H 150.8°. أفضل لون لنص المتن هو #000000 بتباين 11.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#87CC97
RGBrgb(135, 204, 151)
HSLhsl(134, 40%, 66%)
HSVhsv(134, 34%, 80%)
CMYKcmyk(33.8%, 0%, 26%, 20%)
CIE-LABlab(76.42, -32.71, 19.68)
CIE-LCHlch(76.42, 38.18, 148.97°)
OKLaboklab(78.51% -0.0896 0.0501)
OKLCHoklch(78.51% 0.103 150.8)
XYZxyz(37.1684, 50.5691, 37.0745)
Luminance0.5057 (WCAG relative)
Temperatureneutral
Familygreen

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#87CC97 #CC87BC
analogous
#9ACC87 #87CC97 #87CCBA
triadic
#87CC97 #9787CC #CC9787
tetradic
#87CC97 #879ACC #CC87BC #CCBA87
square
#87CC97 #879ACC #CC87BC #CCBA87
split-complementary
#87CC97 #BA87CC #CC879A
monochromatic
#419855 #5CBA72 #87CC97 #B2DEBC #DDF1E1

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

On white

1.89
#87CC97 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.11
#87CC97 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##87CC97#FFFFFF#000000##000000
##87CC971.001.8911.1111.11
#FFFFFF1.891.0021.0021.00
#00000011.1121.001.001.00
##00000011.1121.001.001.00

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

Protanopia (red-blind)
#CDC194
Deuteranopia (green-blind)
#C2BA9A
Tritanopia (blue-blind)
#7CCABE
Achromatopsia (no color)
#BCBCBC

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

CSS
--color: #87cc97;
/* rgb */ color: rgb(135, 204, 151);
/* oklch */ color: oklch(78.5% 0.103 150.8);
Tailwind
colors: {
  custom: {
    50: '#acdcb5',
    500: '#87cc97',
    950: '#000000',
  },
}
SCSS
$custom: #87cc97;
$custom-light: #acdcb5;
$custom-dark: #000000;
JSON
{
  "hex": "#87cc97",
  "rgb": {
    "r": 135,
    "g": 204,
    "b": 151
  },
  "hsl": {
    "h": 133.913,
    "s": 40.351,
    "l": 66.471
  },
  "oklch": {
    "l": 0.7851,
    "c": 0.10271,
    "h": 150.8
  },
  "luminance": 0.50571
}

Semantic roles & 50–950 ramp

primary
#87CC97
secondary
#9F598E
accent
#3295B3
background
#FDFEFD
surface
#F7FCF8
border
#D0D5D1
text
#101511
muted
#818481

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

معاينة مع #87CC97

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

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

#87CC97 — Tintiva