#37476E#37476E

#37476E لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.064؛ OKLCH L 40.3% C 0.069 H 266.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.18:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#37476E
RGB	rgb(55, 71, 110)
HSL	hsl(223, 33%, 32%)
HSV	hsv(223, 50%, 43%)
CMYK	cmyk(50%, 35.5%, 0%, 56.9%)
CIE-LAB	lab(30.51, 5.49, -24.56)
CIE-LCH	lch(30.51, 25.17, 282.60°)
OKLab	oklab(40.28% -0.0044 -0.0691)
OKLCH	oklch(40.28% 0.069 266.4)
XYZ	xyz(6.6423, 6.4441, 15.6426)
Luminance	0.0644 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#37476E #6E5E37

analogous

#37636E #37476E #42376E

triadic

#37476E #6E3747 #476E37

tetradic

#37476E #6E3763 #6E5E37 #376E42

square

#37476E #6E3763 #6E5E37 #376E42

split-complementary

#37476E #6E4237 #636E37

monochromatic

#0E121C #232D45 #37476E #4B6197 #6B80B5

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

On white

9.18

#37476E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.29

#37476E on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #37476E

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

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

fg \ bg	##37476E	#FFFFFF	#000000	##FFFFFF
##37476E	1.00	9.18	2.29	9.18
#FFFFFF	9.18	1.00	21.00	1.00
#000000	2.29	21.00	1.00	21.00
##FFFFFF	9.18	1.00	21.00	1.00

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

Protanopia (red-blind)

#384A70

Deuteranopia (green-blind)

#33466D

Tritanopia (blue-blind)

#214F55

Achromatopsia (no color)

#484848

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

CSS

--color: #37476e;
/* rgb */ color: rgb(55, 71, 110);
/* oklch */ color: oklch(40.3% 0.069 266.4);

Tailwind

colors: {
  custom: {
    50: '#717a98',
    500: '#37476e',
    950: '#000000',
  },
}

SCSS

$custom: #37476e;
$custom-light: #717a98;
$custom-dark: #000000;

JSON

{
  "hex": "#37476e",
  "rgb": {
    "r": 55,
    "g": 71,
    "b": 110
  },
  "hsl": {
    "h": 222.545,
    "s": 33.333,
    "l": 32.353
  },
  "oklch": {
    "l": 0.40276,
    "c": 0.06921,
    "h": 266.4
  },
  "luminance": 0.06444
}

Semantic roles & 50–950 ramp

primary

#37476E

secondary

#9E8D63

accent

#AA5EC9

background

#F7F7F9

surface

#EDEDF2

border

#C8C8CC

text

#08090D

muted

#7B7B7E

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

معاينة مع #37476E

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

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