#355687#355687

#355687 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.092؛ OKLCH L 45.2% C 0.090 H 258.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.41:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#355687
RGB	rgb(53, 86, 135)
HSL	hsl(216, 44%, 37%)
HSV	hsv(216, 61%, 53%)
CMYK	cmyk(60.7%, 36.3%, 0%, 47.1%)
CIE-LAB	lab(36.29, 3.90, -30.99)
CIE-LCH	lch(36.29, 31.24, 277.18°)
OKLab	oklab(45.18% -0.0185 -0.0877)
OKLCH	oklch(45.18% 0.09 258.1)
XYZ	xyz(9.1676, 9.1609, 24.2021)
Luminance	0.0916 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#355687 #876635

analogous

#357F87 #355687 #3D3587

triadic

#355687 #873556 #568735

tetradic

#355687 #87357F #876635 #35873D

square

#355687 #87357F #876635 #35873D

split-complementary

#355687 #873D35 #7F8735

monochromatic

#121E2F #243A5B #355687 #4672B3 #7093C7

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

On white

7.41

#355687 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.83

#355687 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #355687

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

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

fg \ bg	##355687	#FFFFFF	#000000	##FFFFFF
##355687	1.00	7.41	2.83	7.41
#FFFFFF	7.41	1.00	21.00	1.00
#000000	2.83	21.00	1.00	21.00
##FFFFFF	7.41	1.00	21.00	1.00

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

Protanopia (red-blind)

#425A89

Deuteranopia (green-blind)

#375286

Tritanopia (blue-blind)

#006168

Achromatopsia (no color)

#555555

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

CSS

--color: #355687;
/* rgb */ color: rgb(53, 86, 135);
/* oklch */ color: oklch(45.2% 0.090 258.1);

Tailwind

colors: {
  custom: {
    50: '#7485aa',
    500: '#355687',
    950: '#000000',
  },
}

SCSS

$custom: #355687;
$custom-light: #7485aa;
$custom-dark: #000000;

JSON

{
  "hex": "#355687",
  "rgb": {
    "r": 53,
    "g": 86,
    "b": 135
  },
  "hsl": {
    "h": 215.854,
    "s": 43.617,
    "l": 36.863
  },
  "oklch": {
    "l": 0.45178,
    "c": 0.08963,
    "h": 258.1
  },
  "luminance": 0.09162
}

Semantic roles & 50–950 ramp

primary

#355687

secondary

#AF9369

accent

#A054D3

background

#F7F8FA

surface

#EDEFF4

border

#C8CACE

text

#090B10

muted

#7B7C7F

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

معاينة مع #355687

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

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