#83A4D8#83A4D8

#83A4D8 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.363؛ OKLCH L 71.4% C 0.085 H 259.3°. أفضل لون لنص المتن هو #000000 بتباين 8.27:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#83A4D8
RGB	rgb(131, 164, 216)
HSL	hsl(217, 52%, 68%)
HSV	hsv(217, 39%, 85%)
CMYK	cmyk(39.4%, 24.1%, 0%, 15.3%)
CIE-LAB	lab(66.77, 1.69, -30.00)
CIE-LCH	lch(66.77, 30.05, 273.23°)
OKLab	oklab(71.39% -0.0157 -0.0833)
OKLCH	oklch(71.39% 0.085 259.3)
XYZ	xyz(35.0263, 36.3322, 70.1197)
Luminance	0.3633 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#83A4D8 #D8B783

analogous

#83CED8 #83A4D8 #8C83D8

triadic

#83A4D8 #D883A4 #A4D883

tetradic

#83A4D8 #D883CE #D8B783 #83D88C

square

#83A4D8 #D883CE #D8B783 #83D88C

split-complementary

#83A4D8 #D88C83 #CED883

monochromatic

#3663AB #5482C9 #83A4D8 #B2C6E7 #E0E8F5

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

On white

2.54

#83A4D8 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.27

#83A4D8 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #83A4D8

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

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

fg \ bg	##83A4D8	#FFFFFF	#000000	##000000
##83A4D8	1.00	2.54	8.27	8.27
#FFFFFF	2.54	1.00	21.00	21.00
#000000	8.27	21.00	1.00	1.00
##000000	8.27	21.00	1.00	1.00

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

Protanopia (red-blind)

#91A7DA

Deuteranopia (green-blind)

#889FD7

Tritanopia (blue-blind)

#66AFB6

Achromatopsia (no color)

#A2A2A2

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

CSS

--color: #83a4d8;
/* rgb */ color: rgb(131, 164, 216);
/* oklch */ color: oklch(71.4% 0.085 259.3);

Tailwind

colors: {
  custom: {
    50: '#aabee4',
    500: '#83a4d8',
    950: '#000000',
  },
}

SCSS

$custom: #83a4d8;
$custom-light: #aabee4;
$custom-dark: #000000;

JSON

{
  "hex": "#83a4d8",
  "rgb": {
    "r": 131,
    "g": 164,
    "b": 216
  },
  "hsl": {
    "h": 216.706,
    "s": 52.147,
    "l": 68.039
  },
  "oklch": {
    "l": 0.71385,
    "c": 0.08481,
    "h": 259.3
  },
  "luminance": 0.36334
}

Semantic roles & 50–950 ramp

primary

#83A4D8

secondary

#E8DECE

accent

#8426C0

background

#FAFBFD

surface

#F4F6FB

border

#CED0D4

text

#101215

muted

#7F8183

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

معاينة مع #83A4D8

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

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