#5D6786#5D6786

#5D6786 لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.137؛ OKLCH L 51.7% C 0.051 H 270.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.60:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#5D6786
RGB	rgb(93, 103, 134)
HSL	hsl(225, 18%, 45%)
HSV	hsv(225, 31%, 53%)
CMYK	cmyk(30.6%, 23.1%, 0%, 47.5%)
CIE-LAB	lab(43.87, 3.88, -18.39)
CIE-LCH	lch(43.87, 18.80, 281.92°)
OKLab	oklab(51.75% 0.0006 -0.0507)
OKLCH	oklch(51.75% 0.051 270.7)
XYZ	xyz(13.6663, 13.7484, 24.4833)
Luminance	0.1375 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#5D6786 #867C5D

analogous

#5D7C86 #5D6786 #685D86

triadic

#5D6786 #865D67 #67865D

tetradic

#5D6786 #865D7C #867C5D #5D8668

square

#5D6786 #865D7C #867C5D #5D8668

split-complementary

#5D6786 #86685D #7C865D

monochromatic

#2B2F3E #444B62 #5D6786 #7C86A4 #A0A7BD

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

On white

5.60

#5D6786 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.75

#5D6786 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #5D6786

5.60:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##5D6786	#FFFFFF	#000000	##FFFFFF
##5D6786	1.00	5.60	3.75	5.60
#FFFFFF	5.60	1.00	21.00	1.00
#000000	3.75	21.00	1.00	21.00
##FFFFFF	5.60	1.00	21.00	1.00

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

Protanopia (red-blind)

#5D6A87

Deuteranopia (green-blind)

#5A6685

Tritanopia (blue-blind)

#526D72

Achromatopsia (no color)

#686868

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

CSS

--color: #5d6786;
/* rgb */ color: rgb(93, 103, 134);
/* oklch */ color: oklch(51.7% 0.051 270.7);

Tailwind

colors: {
  custom: {
    50: '#8c92a9',
    500: '#5d6786',
    950: '#000000',
  },
}

SCSS

$custom: #5d6786;
$custom-light: #8c92a9;
$custom-dark: #000000;

JSON

{
  "hex": "#5d6786",
  "rgb": {
    "r": 93,
    "g": 103,
    "b": 134
  },
  "hsl": {
    "h": 225.366,
    "s": 18.062,
    "l": 44.51
  },
  "oklch": {
    "l": 0.51746,
    "c": 0.05072,
    "h": 270.7
  },
  "luminance": 0.13749
}

Semantic roles & 50–950 ramp

primary

#5D6786

secondary

#ABA693

accent

#A86DBB

background

#F8F8FA

surface

#F0F0F4

border

#CBCBCE

text

#0C0D10

muted

#7D7D7F

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

معاينة مع #5D6786

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

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