#417A80#417A80

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

قيم اللون

HEX	#417A80
RGB	rgb(65, 122, 128)
HSL	hsl(186, 33%, 38%)
HSV	hsv(186, 49%, 50%)
CMYK	cmyk(49.2%, 4.7%, 0%, 49.8%)
CIE-LAB	lab(47.75, -16.95, -9.08)
CIE-LCH	lch(47.75, 19.23, 208.18°)
OKLab	oklab(54.31% -0.0551 -0.025)
OKLCH	oklch(54.31% 0.061 204.4)
XYZ	xyz(13.0343, 16.6003, 22.9352)
Luminance	0.1660 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#417A80 #804741

analogous

#418066 #417A80 #415B80

triadic

#417A80 #80417A #7A8041

tetradic

#417A80 #664180 #804741 #5B8041

square

#417A80 #664180 #804741 #5B8041

split-complementary

#417A80 #80415B #806641

monochromatic

#182D2F #2C5357 #417A80 #56A1A9 #7EB7BD

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

On white

4.86

#417A80 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.32

#417A80 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #417A80

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

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

fg \ bg	##417A80	#FFFFFF	#000000	##FFFFFF
##417A80	1.00	4.86	4.32	4.86
#FFFFFF	4.86	1.00	21.00	1.00
#000000	4.32	21.00	1.00	21.00
##FFFFFF	4.86	1.00	21.00	1.00

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

Protanopia (red-blind)

#727680

Deuteranopia (green-blind)

#686E80

Tritanopia (blue-blind)

#1E7E7C

Achromatopsia (no color)

#717171

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

CSS

--color: #417a80;
/* rgb */ color: rgb(65, 122, 128);
/* oklch */ color: oklch(54.3% 0.061 204.4);

Tailwind

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

SCSS

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

JSON

{
  "hex": "#417a80",
  "rgb": {
    "r": 65,
    "g": 122,
    "b": 128
  },
  "hsl": {
    "h": 185.714,
    "s": 32.642,
    "l": 37.843
  },
  "oklch": {
    "l": 0.54312,
    "c": 0.06056,
    "h": 204.4
  },
  "luminance": 0.16601
}

Semantic roles & 50–950 ramp

primary

#417A80

secondary

#A87A75

accent

#695FC9

background

#F7F9FA

surface

#EEF2F4

border

#C9CCCE

text

#0A0E0F

muted

#7C7E7F

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

معاينة مع #417A80

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

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