#416F80#416F80

#416F80 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.141؛ OKLCH L 51.6% C 0.057 H 223.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.51:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#416F80
RGB	rgb(65, 111, 128)
HSL	hsl(196, 33%, 38%)
HSV	hsv(196, 49%, 50%)
CMYK	cmyk(49.2%, 13.3%, 0%, 49.8%)
CIE-LAB	lab(44.30, -10.79, -14.29)
CIE-LCH	lch(44.30, 17.90, 232.93°)
OKLab	oklab(51.56% -0.0412 -0.0395)
OKLCH	oklch(51.56% 0.057 223.8)
XYZ	xyz(11.7593, 14.0503, 22.5102)
Luminance	0.1405 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#416F80 #805241

analogous

#418071 #416F80 #415080

triadic

#416F80 #80416F #6F8041

tetradic

#416F80 #714180 #805241 #508041

square

#416F80 #714180 #805241 #508041

split-complementary

#416F80 #804150 #807141

monochromatic

#18292F #2C4C57 #416F80 #5692A9 #7EACBD

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

On white

5.51

#416F80 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.81

#416F80 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #416F80

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

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

fg \ bg	##416F80	#FFFFFF	#000000	##FFFFFF
##416F80	1.00	5.51	3.81	5.51
#FFFFFF	5.51	1.00	21.00	1.00
#000000	3.81	21.00	1.00	21.00
##FFFFFF	5.51	1.00	21.00	1.00

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

Protanopia (red-blind)

#656D81

Deuteranopia (green-blind)

#5C6680

Tritanopia (blue-blind)

#217474

Achromatopsia (no color)

#696969

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

CSS

--color: #416f80;
/* rgb */ color: rgb(65, 111, 128);
/* oklch */ color: oklch(51.6% 0.057 223.8);

Tailwind

colors: {
  custom: {
    50: '#7a98a4',
    500: '#416f80',
    950: '#000000',
  },
}

SCSS

$custom: #416f80;
$custom-light: #7a98a4;
$custom-dark: #000000;

JSON

{
  "hex": "#416f80",
  "rgb": {
    "r": 65,
    "g": 111,
    "b": 128
  },
  "hsl": {
    "h": 196.19,
    "s": 32.642,
    "l": 37.843
  },
  "oklch": {
    "l": 0.51556,
    "c": 0.05708,
    "h": 223.8
  },
  "luminance": 0.14051
}

Semantic roles & 50–950 ramp

primary

#416F80

secondary

#A88375

accent

#7C5FC9

background

#F7F9FA

surface

#EEF2F4

border

#C9CCCE

text

#090D0F

muted

#7B7E7F

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

معاينة مع #416F80

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

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