#3A586E#3A586E

#3A586E لون داكن وخافت من عائلة سماوي. الإضاءة النسبية 0.090؛ OKLCH L 44.6% C 0.051 H 241.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#3A586E
RGB	rgb(58, 88, 110)
HSL	hsl(205, 31%, 33%)
HSV	hsv(205, 47%, 43%)
CMYK	cmyk(47.3%, 20%, 0%, 56.9%)
CIE-LAB	lab(35.99, -4.54, -16.04)
CIE-LCH	lch(35.99, 16.67, 254.18°)
OKLab	oklab(44.62% -0.0245 -0.0445)
OKLCH	oklch(44.62% 0.051 241.1)
XYZ	xyz(8.0481, 9.0042, 16.0627)
Luminance	0.0901 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#3A586E #6E503A

analogous

#3A6E6A #3A586E #3A3E6E

triadic

#3A586E #6E3A58 #586E3A

tetradic

#3A586E #6A3A6E #6E503A #3E6E3A

square

#3A586E #6A3A6E #6E503A #3E6E3A

split-complementary

#3A586E #6E3A3E #6E6A3A

monochromatic

#10181E #253846 #3A586E #4F7896 #6F96B3

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

On white

7.50

#3A586E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.80

#3A586E on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #3A586E

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

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

fg \ bg	##3A586E	#FFFFFF	#000000	##FFFFFF
##3A586E	1.00	7.50	2.80	7.50
#FFFFFF	7.50	1.00	21.00	1.00
#000000	2.80	21.00	1.00	21.00
##FFFFFF	7.50	1.00	21.00	1.00

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

Protanopia (red-blind)

#4F586F

Deuteranopia (green-blind)

#48526E

Tritanopia (blue-blind)

#245D5F

Achromatopsia (no color)

#555555

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

CSS

--color: #3a586e;
/* rgb */ color: rgb(58, 88, 110);
/* oklch */ color: oklch(44.6% 0.051 241.1);

Tailwind

colors: {
  custom: {
    50: '#738797',
    500: '#3a586e',
    950: '#000000',
  },
}

SCSS

$custom: #3a586e;
$custom-light: #738797;
$custom-dark: #000000;

JSON

{
  "hex": "#3a586e",
  "rgb": {
    "r": 58,
    "g": 88,
    "b": 110
  },
  "hsl": {
    "h": 205.385,
    "s": 30.952,
    "l": 32.941
  },
  "oklch": {
    "l": 0.44623,
    "c": 0.05081,
    "h": 241.1
  },
  "luminance": 0.09005
}

Semantic roles & 50–950 ramp

primary

#3A586E

secondary

#9D7E67

accent

#8C61C7

background

#F7F8F9

surface

#EDEFF2

border

#C8CACC

text

#080B0D

muted

#7B7C7E

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

معاينة مع #3A586E

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

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