#407A80#407A80

#407A80 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.166؛ OKLCH L 54.3% C 0.061 H 204.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.87:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#407A80
RGB	rgb(64, 122, 128)
HSL	hsl(186, 33%, 38%)
HSV	hsv(186, 50%, 50%)
CMYK	cmyk(50%, 4.7%, 0%, 49.8%)
CIE-LAB	lab(47.71, -17.20, -9.15)
CIE-LCH	lch(47.71, 19.48, 208.01°)
OKLab	oklab(54.26% -0.0559 -0.0252)
OKLCH	oklch(54.26% 0.061 204.3)
XYZ	xyz(12.9686, 16.5665, 22.9321)
Luminance	0.1657 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#407A80 #804640

analogous

#408066 #407A80 #405A80

triadic

#407A80 #80407A #7A8040

tetradic

#407A80 #664080 #804640 #5A8040

square

#407A80 #664080 #804640 #5A8040

split-complementary

#407A80 #80405A #806640

monochromatic

#172C2E #2C5357 #407A80 #54A1A9 #7DB8BE

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

On white

4.87

#407A80 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.31

#407A80 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #407A80

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

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

fg \ bg	##407A80	#FFFFFF	#000000	##FFFFFF
##407A80	1.00	4.87	4.31	4.87
#FFFFFF	4.87	1.00	21.00	1.00
#000000	4.31	21.00	1.00	21.00
##FFFFFF	4.87	1.00	21.00	1.00

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

Protanopia (red-blind)

#727680

Deuteranopia (green-blind)

#686E80

Tritanopia (blue-blind)

#1B7E7C

Achromatopsia (no color)

#717171

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

CSS

--color: #407a80;
/* rgb */ color: rgb(64, 122, 128);
/* oklch */ color: oklch(54.3% 0.061 204.3);

Tailwind

colors: {
  custom: {
    50: '#7aa0a4',
    500: '#407a80',
    950: '#000000',
  },
}

SCSS

$custom: #407a80;
$custom-light: #7aa0a4;
$custom-dark: #000000;

JSON

{
  "hex": "#407a80",
  "rgb": {
    "r": 64,
    "g": 122,
    "b": 128
  },
  "hsl": {
    "h": 185.625,
    "s": 33.333,
    "l": 37.647
  },
  "oklch": {
    "l": 0.54265,
    "c": 0.06135,
    "h": 204.3
  },
  "luminance": 0.16568
}

Semantic roles & 50–950 ramp

primary

#407A80

secondary

#A87874

accent

#685EC9

background

#F7F9FA

surface

#EEF2F4

border

#C9CCCE

text

#090E0F

muted

#7B7E7F

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

معاينة مع #407A80

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

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