#5583DB#5583DB

#5583DB لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.233؛ OKLCH L 61.9% C 0.143 H 262.2°. أفضل لون لنص المتن هو #000000 بتباين 5.66:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#5583DB
RGB	rgb(85, 131, 219)
HSL	hsl(219, 65%, 60%)
HSV	hsv(219, 61%, 86%)
CMYK	cmyk(61.2%, 40.2%, 0%, 14.1%)
CIE-LAB	lab(55.36, 11.26, -49.75)
CIE-LCH	lch(55.36, 51.01, 282.76°)
OKLab	oklab(61.87% -0.0194 -0.1415)
OKLCH	oklch(61.87% 0.143 262.2)
XYZ	xyz(24.6443, 23.2762, 70.1981)
Luminance	0.2328 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#5583DB #DBAD55

analogous

#55C6DB #5583DB #6A55DB

triadic

#5583DB #DB5583 #83DB55

tetradic

#5583DB #DB55C6 #DBAD55 #55DB6A

square

#5583DB #DB55C6 #DBAD55 #55DB6A

split-complementary

#5583DB #DB6A55 #C6DB55

monochromatic

#204896 #2A61C8 #5583DB #88A8E6 #BACDF0

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

On white

3.71

#5583DB on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.66

#5583DB on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #5583DB

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

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

fg \ bg	##5583DB	#FFFFFF	#000000	##000000
##5583DB	1.00	3.71	5.66	5.66
#FFFFFF	3.71	1.00	21.00	21.00
#000000	5.66	21.00	1.00	1.00
##000000	5.66	21.00	1.00	1.00

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

Protanopia (red-blind)

#5C8BDE

Deuteranopia (green-blind)

#497FD9

Tritanopia (blue-blind)

#0097A4

Achromatopsia (no color)

#858585

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

CSS

--color: #5583db;
/* rgb */ color: rgb(85, 131, 219);
/* oklch */ color: oklch(61.9% 0.143 262.2);

Tailwind

colors: {
  custom: {
    50: '#90a6e6',
    500: '#5583db',
    950: '#000000',
  },
}

SCSS

$custom: #5583db;
$custom-light: #90a6e6;
$custom-dark: #000000;

JSON

{
  "hex": "#5583db",
  "rgb": {
    "r": 85,
    "g": 131,
    "b": 219
  },
  "hsl": {
    "h": 219.403,
    "s": 65.049,
    "l": 59.608
  },
  "oklch": {
    "l": 0.61873,
    "c": 0.14284,
    "h": 262.2
  },
  "luminance": 0.23278
}

Semantic roles & 50–950 ramp

primary

#5583DB

secondary

#E0CEAC

accent

#AE40E8

background

#F9FAFE

surface

#F2F4FC

border

#CCCED5

text

#0E0F16

muted

#7E7F84

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

معاينة مع #5583DB

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

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