#7BA8BB#7BA8BB

#7BA8BB لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.358؛ OKLCH L 70.6% C 0.056 H 225.9°. أفضل لون لنص المتن هو #000000 بتباين 8.16:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7BA8BB
RGBrgb(123, 168, 187)
HSLhsl(198, 32%, 61%)
HSVhsv(198, 34%, 73%)
CMYKcmyk(34.2%, 10.2%, 0%, 26.7%)
CIE-LABlab(66.37, -10.35, -14.59)
CIE-LCHlch(66.37, 17.89, 234.64°)
OKLaboklab(70.6% -0.0387 -0.04)
OKLCHoklch(70.6% 0.056 225.9)
XYZxyz(31.1377, 35.8024, 52.2739)
Luminance0.3580 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7BA8BB #BB8E7B
analogous
#7BBBAE #7BA8BB #7B88BB
triadic
#7BA8BB #BB7BA8 #A8BB7B
tetradic
#7BA8BB #AE7BBB #BB8E7B #88BB7B
square
#7BA8BB #AE7BBB #BB8E7B #88BB7B
split-complementary
#7BA8BB #BB7B88 #BBAE7B
monochromatic
#406A7C #558DA4 #7BA8BB #A3C3D0 #CCDDE5

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

On white

2.57
#7BA8BB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.16
#7BA8BB on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #7BA8BB
8.16:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##7BA8BB#FFFFFF#000000##000000
##7BA8BB1.002.578.168.16
#FFFFFF2.571.0021.0021.00
#0000008.1621.001.001.00
##0000008.1621.001.001.00

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

Protanopia (red-blind)
#9EA6BC
Deuteranopia (green-blind)
#949EBB
Tritanopia (blue-blind)
#65AEAE
Achromatopsia (no color)
#A1A1A1

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

CSS
--color: #7ba8bb;
/* rgb */ color: rgb(123, 168, 187);
/* oklch */ color: oklch(70.6% 0.056 225.9);
Tailwind
colors: {
  custom: {
    50: '#a3c1cf',
    500: '#7ba8bb',
    950: '#000000',
  },
}
SCSS
$custom: #7ba8bb;
$custom-light: #a3c1cf;
$custom-dark: #000000;
JSON
{
  "hex": "#7ba8bb",
  "rgb": {
    "r": 123,
    "g": 168,
    "b": 187
  },
  "hsl": {
    "h": 197.813,
    "s": 32,
    "l": 60.784
  },
  "oklch": {
    "l": 0.70598,
    "c": 0.05565,
    "h": 225.9
  },
  "luminance": 0.35804
}

Semantic roles & 50–950 ramp

primary
#7BA8BB
secondary
#D5C4BD
accent
#5C3BAB
background
#FAFBFC
surface
#F4F7F9
border
#CED0D2
text
#0F1213
muted
#7F8182

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

معاينة مع #7BA8BB

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

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

#7BA8BB — Tintiva