#5393A2#5393A2

#5393A2 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.253؛ OKLCH L 62.6% C 0.069 H 214.6°. أفضل لون لنص المتن هو #000000 بتباين 6.06:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#5393A2
RGB	rgb(83, 147, 162)
HSL	hsl(191, 32%, 48%)
HSV	hsv(191, 49%, 64%)
CMYK	cmyk(48.8%, 9.3%, 0%, 36.5%)
CIE-LAB	lab(57.38, -16.34, -14.27)
CIE-LCH	lch(57.38, 21.69, 221.13°)
OKLab	oklab(62.62% -0.0571 -0.0394)
OKLCH	oklch(62.62% 0.069 214.6)
XYZ	xyz(20.5201, 25.3134, 37.9800)
Luminance	0.2531 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#5393A2 #A26253

analogous

#53A289 #5393A2 #536CA2

triadic

#5393A2 #A25393 #93A253

tetradic

#5393A2 #8953A2 #A26253 #6CA253

square

#5393A2 #8953A2 #A26253 #6CA253

split-complementary

#5393A2 #A2536C #A28953

monochromatic

#2A4A51 #3E6E7A #5393A2 #78ADBA #A1C6CF

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

On white

3.46

#5393A2 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.06

#5393A2 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #5393A2

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

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

fg \ bg	##5393A2	#FFFFFF	#000000	##000000
##5393A2	1.00	3.46	6.06	6.06
#FFFFFF	3.46	1.00	21.00	21.00
#000000	6.06	21.00	1.00	1.00
##000000	6.06	21.00	1.00	1.00

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

Protanopia (red-blind)

#888FA3

Deuteranopia (green-blind)

#7C86A2

Tritanopia (blue-blind)

#289998

Achromatopsia (no color)

#8A8A8A

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

CSS

--color: #5393a2;
/* rgb */ color: rgb(83, 147, 162);
/* oklch */ color: oklch(62.6% 0.069 214.6);

Tailwind

colors: {
  custom: {
    50: '#89b2bd',
    500: '#5393a2',
    950: '#000000',
  },
}

SCSS

$custom: #5393a2;
$custom-light: #89b2bd;
$custom-dark: #000000;

JSON

{
  "hex": "#5393a2",
  "rgb": {
    "r": 83,
    "g": 147,
    "b": 162
  },
  "hsl": {
    "h": 191.392,
    "s": 32.245,
    "l": 48.039
  },
  "oklch": {
    "l": 0.62621,
    "c": 0.06935,
    "h": 214.6
  },
  "luminance": 0.25315
}

Semantic roles & 50–950 ramp

primary

#5393A2

secondary

#BC9C95

accent

#735FC8

background

#F8FBFB

surface

#F0F6F6

border

#CBD0D0

text

#0C1112

muted

#7D8081

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

معاينة مع #5393A2

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

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