#436571#436571

#436571 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.117؛ OKLCH L 48.5% C 0.044 H 222.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.29:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#436571
RGB	rgb(67, 101, 113)
HSL	hsl(196, 26%, 35%)
HSV	hsv(196, 41%, 44%)
CMYK	cmyk(40.7%, 10.6%, 0%, 55.7%)
CIE-LAB	lab(40.72, -8.86, -10.63)
CIE-LCH	lch(40.72, 13.84, 230.20°)
OKLab	oklab(48.55% -0.0324 -0.0292)
OKLCH	oklch(48.55% 0.044 222.1)
XYZ	xyz(9.9480, 11.6923, 17.3522)
Luminance	0.1169 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#436571 #714F43

analogous

#437166 #436571 #434E71

triadic

#436571 #714365 #657143

tetradic

#436571 #664371 #714F43 #4E7143

square

#436571 #664371 #714F43 #4E7143

split-complementary

#436571 #71434E #716643

monochromatic

#152024 #2C434B #436571 #5A8797 #7DA4B2

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

On white

6.29

#436571 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.34

#436571 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #436571

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

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

fg \ bg	##436571	#FFFFFF	#000000	##FFFFFF
##436571	1.00	6.29	3.34	6.29
#FFFFFF	6.29	1.00	21.00	1.00
#000000	3.34	21.00	1.00	21.00
##FFFFFF	6.29	1.00	21.00	1.00

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

Protanopia (red-blind)

#5E6372

Deuteranopia (green-blind)

#575E71

Tritanopia (blue-blind)

#316969

Achromatopsia (no color)

#606060

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

CSS

--color: #436571;
/* rgb */ color: rgb(67, 101, 113);
/* oklch */ color: oklch(48.5% 0.044 222.1);

Tailwind

colors: {
  custom: {
    50: '#799199',
    500: '#436571',
    950: '#000000',
  },
}

SCSS

$custom: #436571;
$custom-light: #799199;
$custom-dark: #000000;

JSON

{
  "hex": "#436571",
  "rgb": {
    "r": 67,
    "g": 101,
    "b": 113
  },
  "hsl": {
    "h": 195.652,
    "s": 25.556,
    "l": 35.294
  },
  "oklch": {
    "l": 0.4855,
    "c": 0.04361,
    "h": 222.1
  },
  "luminance": 0.11693
}

Semantic roles & 50–950 ramp

primary

#436571

secondary

#9D7E73

accent

#7E66C2

background

#F7F8F9

surface

#EDF0F2

border

#C8CBCC

text

#090C0E

muted

#7B7D7E

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

معاينة مع #436571

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

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