#77BCA5#77BCA5

#77BCA5 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.426؛ OKLCH L 74.3% C 0.078 H 171.0°. أفضل لون لنص المتن هو #000000 بتباين 9.52:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#77BCA5
RGBrgb(119, 188, 165)
HSLhsl(160, 34%, 60%)
HSVhsv(160, 37%, 74%)
CMYKcmyk(36.7%, 0%, 12.2%, 26.3%)
CIE-LABlab(71.28, -27.02, 4.78)
CIE-LCHlch(71.28, 27.44, 169.97°)
OKLaboklab(74.26% -0.077 0.0122)
OKLCHoklch(74.26% 0.078 171)
XYZxyz(32.3800, 42.6030, 42.1070)
Luminance0.4260 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#77BCA5 #BC778E
analogous
#77BC82 #77BCA5 #77B0BC
triadic
#77BCA5 #A577BC #BCA577
tetradic
#77BCA5 #8277BC #BC778E #B0BC77
square
#77BCA5 #8277BC #BC778E #B0BC77
split-complementary
#77BCA5 #BC77B0 #BC8277
monochromatic
#3D7C67 #51A589 #77BCA5 #A0D0C0 #C9E4DB

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

On white

2.21
#77BCA5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.52
#77BCA5 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##77BCA5#FFFFFF#000000##000000
##77BCA51.002.219.529.52
#FFFFFF2.211.0021.0021.00
#0000009.5221.001.001.00
##0000009.5221.001.001.00

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

Protanopia (red-blind)
#B8B4A4
Deuteranopia (green-blind)
#ACABA7
Tritanopia (blue-blind)
#63BDB5
Achromatopsia (no color)
#AFAFAF

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

CSS
--color: #77bca5;
/* rgb */ color: rgb(119, 188, 165);
/* oklch */ color: oklch(74.3% 0.078 171.0);
Tailwind
colors: {
  custom: {
    50: '#a1d0bf',
    500: '#77bca5',
    950: '#000000',
  },
}
SCSS
$custom: #77bca5;
$custom-light: #a1d0bf;
$custom-dark: #000000;
JSON
{
  "hex": "#77bca5",
  "rgb": {
    "r": 119,
    "g": 188,
    "b": 165
  },
  "hsl": {
    "h": 160,
    "s": 33.99,
    "l": 60.196
  },
  "oklch": {
    "l": 0.74262,
    "c": 0.07797,
    "h": 171
  },
  "luminance": 0.42605
}

Semantic roles & 50–950 ramp

primary
#77BCA5
secondary
#D5BAC3
accent
#395FAD
background
#FAFCFB
surface
#F4F9F7
border
#CED2D0
text
#0F1412
muted
#7F8281

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

معاينة مع #77BCA5

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

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

#77BCA5 — Tintiva