#76A7BC#76A7BC

#76A7BC لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.351؛ OKLCH L 70.1% C 0.060 H 226.5°. أفضل لون لنص المتن هو #000000 بتباين 8.02:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#76A7BC
RGBrgb(118, 167, 188)
HSLhsl(198, 34%, 60%)
HSVhsv(198, 37%, 74%)
CMYKcmyk(37.2%, 11.2%, 0%, 26.3%)
CIE-LABlab(65.84, -10.96, -15.97)
CIE-LCHlch(65.84, 19.37, 235.55°)
OKLaboklab(70.12% -0.0416 -0.0439)
OKLCHoklch(70.12% 0.06 226.5)
XYZxyz(30.3640, 35.1180, 52.7457)
Luminance0.3512 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#76A7BC #BC8B76
analogous
#76BCAE #76A7BC #7684BC
triadic
#76A7BC #BC76A7 #A7BC76
tetradic
#76A7BC #AE76BC #BC8B76 #84BC76
square
#76A7BC #AE76BC #BC8B76 #84BC76
split-complementary
#76A7BC #BC7684 #BCAE76
monochromatic
#3C687B #508BA4 #76A7BC #9FC1D0 #C8DCE4

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

On white

2.62
#76A7BC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.02
#76A7BC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #76A7BC
8.02:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##76A7BC#FFFFFF#000000##000000
##76A7BC1.002.628.028.02
#FFFFFF2.621.0021.0021.00
#0000008.0221.001.001.00
##0000008.0221.001.001.00

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

Protanopia (red-blind)
#9CA5BD
Deuteranopia (green-blind)
#919CBC
Tritanopia (blue-blind)
#5CADAE
Achromatopsia (no color)
#A0A0A0

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

CSS
--color: #76a7bc;
/* rgb */ color: rgb(118, 167, 188);
/* oklch */ color: oklch(70.1% 0.060 226.5);
Tailwind
colors: {
  custom: {
    50: '#a0c1d0',
    500: '#76a7bc',
    950: '#000000',
  },
}
SCSS
$custom: #76a7bc;
$custom-light: #a0c1d0;
$custom-dark: #000000;
JSON
{
  "hex": "#76a7bc",
  "rgb": {
    "r": 118,
    "g": 167,
    "b": 188
  },
  "hsl": {
    "h": 198,
    "s": 34.314,
    "l": 60
  },
  "oklch": {
    "l": 0.70116,
    "c": 0.06049,
    "h": 226.5
  },
  "luminance": 0.3512
}

Semantic roles & 50–950 ramp

primary
#76A7BC
secondary
#D4C2B9
accent
#7E5DCA
background
#FAFBFC
surface
#F3F7F9
border
#CDD0D2
text
#0F1214
muted
#7F8182

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

معاينة مع #76A7BC

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

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

#76A7BC — Tintiva