#86A899#86A899

#86A899 لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.354؛ OKLCH L 70.2% C 0.043 H 166.5°. أفضل لون لنص المتن هو #000000 بتباين 8.07:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#86A899
RGBrgb(134, 168, 153)
HSLhsl(154, 16%, 59%)
HSVhsv(154, 20%, 66%)
CMYKcmyk(20.2%, 0%, 8.9%, 34.1%)
CIE-LABlab(66.04, -14.77, 3.92)
CIE-LCHlch(66.04, 15.28, 165.13°)
OKLaboklab(70.18% -0.0421 0.0101)
OKLCHoklch(70.18% 0.043 166.5)
XYZxyz(29.5823, 35.3726, 35.3998)
Luminance0.3537 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#86A899 #A88695
analogous
#86A888 #86A899 #86A6A8
triadic
#86A899 #9986A8 #A89986
tetradic
#86A899 #8886A8 #A88695 #A6A886
square
#86A899 #8886A8 #A88695 #A6A886
split-complementary
#86A899 #A886A6 #A88886
monochromatic
#4B685C #658C7B #86A899 #AAC2B7 #CDDBD5

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

On white

2.60
#86A899 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.07
#86A899 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##86A899#FFFFFF#000000##000000
##86A8991.002.608.078.07
#FFFFFF2.601.0021.0021.00
#0000008.0721.001.001.00
##0000008.0721.001.001.00

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

Protanopia (red-blind)
#A6A398
Deuteranopia (green-blind)
#A09F9A
Tritanopia (blue-blind)
#7FA8A3
Achromatopsia (no color)
#A0A0A0

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

CSS
--color: #86a899;
/* rgb */ color: rgb(134, 168, 153);
/* oklch */ color: oklch(70.2% 0.043 166.5);
Tailwind
colors: {
  custom: {
    50: '#a9c2b7',
    500: '#86a899',
    950: '#000000',
  },
}
SCSS
$custom: #86a899;
$custom-light: #a9c2b7;
$custom-dark: #000000;
JSON
{
  "hex": "#86a899",
  "rgb": {
    "r": 134,
    "g": 168,
    "b": 153
  },
  "hsl": {
    "h": 153.529,
    "s": 16.346,
    "l": 59.216
  },
  "oklch": {
    "l": 0.70179,
    "c": 0.04326,
    "h": 166.5
  },
  "luminance": 0.35374
}

Semantic roles & 50–950 ramp

primary
#86A899
secondary
#CCBEC4
accent
#6F90B9
background
#FAFBFB
surface
#F4F7F6
border
#CED0D0
text
#101211
muted
#7F8180

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

معاينة مع #86A899

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

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

#86A899 — Tintiva