#5A7AAA#5A7AAA

#5A7AAA لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.190؛ OKLCH L 57.5% C 0.083 H 258.3°. أفضل لون لنص المتن هو #000000 بتباين 4.80:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5A7AAA
RGBrgb(90, 122, 170)
HSLhsl(216, 32%, 51%)
HSVhsv(216, 47%, 67%)
CMYKcmyk(47.1%, 28.2%, 0%, 33.3%)
CIE-LABlab(50.68, 1.98, -29.13)
CIE-LCHlch(50.68, 29.19, 273.90°)
OKLaboklab(57.52% -0.0169 -0.0815)
OKLCHoklch(57.52% 0.083 258.3)
XYZxyz(18.4293, 18.9938, 40.7175)
Luminance0.1900 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5A7AAA #AA8A5A
analogous
#5AA2AA #5A7AAA #625AAA
triadic
#5A7AAA #AA5A7A #7AAA5A
tetradic
#5A7AAA #AA5AA2 #AA8A5A #5AAA62
square
#5A7AAA #AA5AA2 #AA8A5A #5AAA62
split-complementary
#5A7AAA #AA625A #A2AA5A
monochromatic
#2F405B #445D83 #5A7AAA #829BBF #ABBBD4

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

On white

4.38
#5A7AAA on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.80
#5A7AAA on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##5A7AAA#FFFFFF#000000##000000
##5A7AAA1.004.384.804.80
#FFFFFF4.381.0021.0021.00
#0000004.8021.001.001.00
##0000004.8021.001.001.00

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

Protanopia (red-blind)
#687DAC
Deuteranopia (green-blind)
#5F75A9
Tritanopia (blue-blind)
#39848B
Achromatopsia (no color)
#797979

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

CSS
--color: #5a7aaa;
/* rgb */ color: rgb(90, 122, 170);
/* oklch */ color: oklch(57.5% 0.083 258.3);
Tailwind
colors: {
  custom: {
    50: '#8da0c3',
    500: '#5a7aaa',
    950: '#000000',
  },
}
SCSS
$custom: #5a7aaa;
$custom-light: #8da0c3;
$custom-dark: #000000;
JSON
{
  "hex": "#5a7aaa",
  "rgb": {
    "r": 90,
    "g": 122,
    "b": 170
  },
  "hsl": {
    "h": 216,
    "s": 32,
    "l": 50.98
  },
  "oklch": {
    "l": 0.57519,
    "c": 0.0832,
    "h": 258.3
  },
  "luminance": 0.18995
}

Semantic roles & 50–950 ramp

primary
#5A7AAA
secondary
#C2B39E
accent
#9E60C8
background
#F8F9FC
surface
#F0F2F8
border
#CBCCD1
text
#0C0E12
muted
#7D7E81

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

معاينة مع #5A7AAA

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

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

#5A7AAA — Tintiva