#5B96AB#5B96AB

#5B96AB لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.270؛ OKLCH L 64.1% C 0.069 H 222.8°. أفضل لون لنص المتن هو #000000 بتباين 6.40:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5B96AB
RGBrgb(91, 150, 171)
HSLhsl(196, 32%, 51%)
HSVhsv(196, 47%, 67%)
CMYKcmyk(46.8%, 12.3%, 0%, 32.9%)
CIE-LABlab(58.95, -13.45, -16.98)
CIE-LCHlch(58.95, 21.66, 231.62°)
OKLaboklab(64.08% -0.0506 -0.0469)
OKLCHoklch(64.08% 0.069 222.8)
XYZxyz(22.5687, 26.9754, 42.5377)
Luminance0.2698 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5B96AB #AB705B
analogous
#5BAB98 #5B96AB #5B6EAB
triadic
#5B96AB #AB5B96 #96AB5B
tetradic
#5B96AB #985BAB #AB705B #6EAB5B
square
#5B96AB #985BAB #AB705B #6EAB5B
split-complementary
#5B96AB #AB5B6E #AB985B
monochromatic
#2F505C #447485 #5B96AB #83B0C0 #ACCAD4

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

On white

3.28
#5B96AB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.40
#5B96AB on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #5B96AB
6.40:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##5B96AB#FFFFFF#000000##000000
##5B96AB1.003.286.406.40
#FFFFFF3.281.0021.0021.00
#0000006.4021.001.001.00
##0000006.4021.001.001.00

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

Protanopia (red-blind)
#8A93AC
Deuteranopia (green-blind)
#7E8AAB
Tritanopia (blue-blind)
#359D9D
Achromatopsia (no color)
#8E8E8E

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

CSS
--color: #5b96ab;
/* rgb */ color: rgb(91, 150, 171);
/* oklch */ color: oklch(64.1% 0.069 222.8);
Tailwind
colors: {
  custom: {
    50: '#8eb5c4',
    500: '#5b96ab',
    950: '#000000',
  },
}
SCSS
$custom: #5b96ab;
$custom-light: #8eb5c4;
$custom-dark: #000000;
JSON
{
  "hex": "#5b96ab",
  "rgb": {
    "r": 91,
    "g": 150,
    "b": 171
  },
  "hsl": {
    "h": 195.75,
    "s": 32.258,
    "l": 51.373
  },
  "oklch": {
    "l": 0.64078,
    "c": 0.06901,
    "h": 222.8
  },
  "luminance": 0.26977
}

Semantic roles & 50–950 ramp

primary
#5B96AB
secondary
#C3A99F
accent
#7B5FC8
background
#F9FBFC
surface
#F1F6F8
border
#CBD0D1
text
#0D1112
muted
#7E8081

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

معاينة مع #5B96AB

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

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

#5B96AB — Tintiva