#869CBB#869CBB

#869CBB لون فاتح وخافت من عائلة أزرق. الإضاءة النسبية 0.324؛ OKLCH L 68.7% C 0.052 H 257.0°. أفضل لون لنص المتن هو #000000 بتباين 7.49:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#869CBB
RGB	rgb(134, 156, 187)
HSL	hsl(215, 28%, 63%)
HSV	hsv(215, 28%, 73%)
CMYK	cmyk(28.3%, 16.6%, 0%, 26.7%)
CIE-LAB	lab(63.70, -0.52, -18.57)
CIE-LCH	lch(63.70, 18.57, 268.41°)
OKLab	oklab(68.67% -0.0118 -0.0509)
OKLCH	oklch(68.67% 0.052 257)
XYZ	xyz(30.6871, 32.4320, 51.6472)
Luminance	0.3243 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#869CBB #BBA586

analogous

#86B6BB #869CBB #8A86BB

triadic

#869CBB #BB869C #9CBB86

tetradic

#869CBB #BB86B6 #BBA586 #86BB8A

square

#869CBB #BB86B6 #BBA586 #86BB8A

split-complementary

#869CBB #BB8A86 #B6BB86

monochromatic

#475F7F #5F7CA5 #869CBB #ADBCD1 #D4DCE7

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

On white

2.81

#869CBB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.49

#869CBB on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #869CBB

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

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

fg \ bg	##869CBB	#FFFFFF	#000000	##000000
##869CBB	1.00	2.81	7.49	7.49
#FFFFFF	2.81	1.00	21.00	21.00
#000000	7.49	21.00	1.00	1.00
##000000	7.49	21.00	1.00	1.00

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

Protanopia (red-blind)

#919DBC

Deuteranopia (green-blind)

#8C98BA

Tritanopia (blue-blind)

#77A3A6

Achromatopsia (no color)

#9A9A9A

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

CSS

--color: #869cbb;
/* rgb */ color: rgb(134, 156, 187);
/* oklch */ color: oklch(68.7% 0.052 257.0);

Tailwind

colors: {
  custom: {
    50: '#aab9cf',
    500: '#869cbb',
    950: '#000000',
  },
}

SCSS

$custom: #869cbb;
$custom-light: #aab9cf;
$custom-dark: #000000;

JSON

{
  "hex": "#869cbb",
  "rgb": {
    "r": 134,
    "g": 156,
    "b": 187
  },
  "hsl": {
    "h": 215.094,
    "s": 28.042,
    "l": 62.941
  },
  "oklch": {
    "l": 0.68668,
    "c": 0.05225,
    "h": 257
  },
  "luminance": 0.32433
}

Semantic roles & 50–950 ramp

primary

#869CBB

secondary

#D8D0C5

accent

#7C3FA7

background

#FAFBFC

surface

#F4F6F9

border

#CED0D2

text

#101113

muted

#7F8082

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

معاينة مع #869CBB

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

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