#77C5BB#77C5BB

#77C5BB لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.474؛ OKLCH L 77.0% C 0.079 H 185.3°. أفضل لون لنص المتن هو #000000 بتباين 10.49:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#77C5BB
RGBrgb(119, 197, 187)
HSLhsl(172, 40%, 62%)
HSVhsv(172, 40%, 77%)
CMYKcmyk(39.6%, 0%, 5.1%, 22.7%)
CIE-LABlab(74.47, -26.39, -2.56)
CIE-LCHlch(74.47, 26.52, 185.53°)
OKLaboklab(77.01% -0.0785 -0.0073)
OKLCHoklch(77.01% 0.079 185.3)
XYZxyz(36.5402, 47.4397, 54.2354)
Luminance0.4744 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#77C5BB #C57781
analogous
#77C594 #77C5BB #77A8C5
triadic
#77C5BB #BB77C5 #C5BB77
tetradic
#77C5BB #9477C5 #C57781 #A8C577
square
#77C5BB #9477C5 #C57781 #A8C577
split-complementary
#77C5BB #C577A8 #C59477
monochromatic
#3A887E #4CB3A5 #77C5BB #A2D7D0 #CDEAE6

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

On white

2.00
#77C5BB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.49
#77C5BB on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##77C5BB#FFFFFF#000000##000000
##77C5BB1.002.0010.4910.49
#FFFFFF2.001.0021.0021.00
#00000010.4921.001.001.00
##00000010.4921.001.001.00

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

Protanopia (red-blind)
#BEBDBB
Deuteranopia (green-blind)
#B0B3BC
Tritanopia (blue-blind)
#59C8C2
Achromatopsia (no color)
#B7B7B7

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

CSS
--color: #77c5bb;
/* rgb */ color: rgb(119, 197, 187);
/* oklch */ color: oklch(77.0% 0.079 185.3);
Tailwind
colors: {
  custom: {
    50: '#a2d7cf',
    500: '#77c5bb',
    950: '#000000',
  },
}
SCSS
$custom: #77c5bb;
$custom-light: #a2d7cf;
$custom-dark: #000000;
JSON
{
  "hex": "#77c5bb",
  "rgb": {
    "r": 119,
    "g": 197,
    "b": 187
  },
  "hsl": {
    "h": 172.308,
    "s": 40.206,
    "l": 61.961
  },
  "oklch": {
    "l": 0.77014,
    "c": 0.07882,
    "h": 185.3
  },
  "luminance": 0.47442
}

Semantic roles & 50–950 ramp

primary
#77C5BB
secondary
#DABEC1
accent
#3243B3
background
#FAFDFC
surface
#F4FAF9
border
#CED3D2
text
#0F1413
muted
#7F8382

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

معاينة مع #77C5BB

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

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

#77C5BB — Tintiva