#77A2AA#77A2AA

#77A2AA لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.327؛ OKLCH L 68.4% C 0.048 H 210.3°. أفضل لون لنص المتن هو #000000 بتباين 7.53:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#77A2AA
RGBrgb(119, 162, 170)
HSLhsl(189, 23%, 57%)
HSVhsv(189, 30%, 67%)
CMYKcmyk(30%, 4.7%, 0%, 33.3%)
CIE-LABlab(63.89, -12.52, -8.84)
CIE-LCHlch(63.89, 15.33, 215.23°)
OKLaboklab(68.39% -0.0413 -0.0241)
OKLCHoklch(68.39% 0.048 210.3)
XYZxyz(27.7814, 32.6635, 42.8633)
Luminance0.3266 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#77A2AA #AA7F77
analogous
#77AA99 #77A2AA #7789AA
triadic
#77A2AA #AA77A2 #A2AA77
tetradic
#77A2AA #9977AA #AA7F77 #89AA77
square
#77A2AA #9977AA #AA7F77 #89AA77
split-complementary
#77A2AA #AA7789 #AA9977
monochromatic
#406067 #58848C #77A2AA #9DBCC2 #C2D6D9

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

On white

2.79
#77A2AA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.53
#77A2AA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##77A2AA#FFFFFF#000000##000000
##77A2AA1.002.797.537.53
#FFFFFF2.791.0021.0021.00
#0000007.5321.001.001.00
##0000007.5321.001.001.00

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

Protanopia (red-blind)
#9B9FAB
Deuteranopia (green-blind)
#9298AA
Tritanopia (blue-blind)
#66A6A4
Achromatopsia (no color)
#9B9B9B

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

CSS
--color: #77a2aa;
/* rgb */ color: rgb(119, 162, 170);
/* oklch */ color: oklch(68.4% 0.048 210.3);
Tailwind
colors: {
  custom: {
    50: '#a0bdc3',
    500: '#77a2aa',
    950: '#000000',
  },
}
SCSS
$custom: #77a2aa;
$custom-light: #a0bdc3;
$custom-dark: #000000;
JSON
{
  "hex": "#77a2aa",
  "rgb": {
    "r": 119,
    "g": 162,
    "b": 170
  },
  "hsl": {
    "h": 189.412,
    "s": 23.077,
    "l": 56.667
  },
  "oklch": {
    "l": 0.68388,
    "c": 0.04785,
    "h": 210.3
  },
  "luminance": 0.32665
}

Semantic roles & 50–950 ramp

primary
#77A2AA
secondary
#C9B7B4
accent
#7668C0
background
#F9FBFB
surface
#F2F6F7
border
#CCD0D0
text
#0F1212
muted
#7E8181

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

معاينة مع #77A2AA

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

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

#77A2AA — Tintiva