#5B7BCD#5B7BCD

#5B7BCD لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.208؛ OKLCH L 59.7% C 0.131 H 266.4°. أفضل لون لنص المتن هو #000000 بتباين 5.16:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5B7BCD
RGBrgb(91, 123, 205)
HSLhsl(223, 53%, 58%)
HSVhsv(223, 56%, 80%)
CMYKcmyk(55.6%, 40%, 0%, 19.6%)
CIE-LABlab(52.73, 12.67, -46.00)
CIE-LCHlch(52.73, 47.72, 285.40°)
OKLaboklab(59.68% -0.0082 -0.1305)
OKLCHoklch(59.68% 0.131 266.4)
XYZxyz(22.4131, 20.7961, 60.5787)
Luminance0.2080 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5B7BCD #CDAD5B
analogous
#5BB4CD #5B7BCD #745BCD
triadic
#5B7BCD #CD5B7B #7BCD5B
tetradic
#5B7BCD #CD5BB4 #CDAD5B #5BCD74
square
#5B7BCD #CD5BB4 #CDAD5B #5BCD74
split-complementary
#5B7BCD #CD745B #B4CD5B
monochromatic
#294385 #375AB4 #5B7BCD #8AA1DB #B9C6EA

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

On white

4.07
#5B7BCD on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.16
#5B7BCD on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##5B7BCD#FFFFFF#000000##000000
##5B7BCD1.004.075.165.16
#FFFFFF4.071.0021.0021.00
#0000005.1621.001.001.00
##0000005.1621.001.001.00

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

Protanopia (red-blind)
#5983D0
Deuteranopia (green-blind)
#4B79CB
Tritanopia (blue-blind)
#148D9A
Achromatopsia (no color)
#7E7E7E

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

CSS
--color: #5b7bcd;
/* rgb */ color: rgb(91, 123, 205);
/* oklch */ color: oklch(59.7% 0.131 266.4);
Tailwind
colors: {
  custom: {
    50: '#91a0dd',
    500: '#5b7bcd',
    950: '#000000',
  },
}
SCSS
$custom: #5b7bcd;
$custom-light: #91a0dd;
$custom-dark: #000000;
JSON
{
  "hex": "#5b7bcd",
  "rgb": {
    "r": 91,
    "g": 123,
    "b": 205
  },
  "hsl": {
    "h": 223.158,
    "s": 53.271,
    "l": 58.039
  },
  "oklch": {
    "l": 0.59682,
    "c": 0.13076,
    "h": 266.4
  },
  "luminance": 0.20798
}

Semantic roles & 50–950 ramp

primary
#5B7BCD
secondary
#D9CCAB
accent
#B44BDD
background
#F9F9FD
surface
#F2F2FB
border
#CCCCD4
text
#0D0E15
muted
#7E7E83

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

معاينة مع #5B7BCD

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

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

#5B7BCD — Tintiva