#477D66#477D66

#477D66 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.170؛ OKLCH L 54.5% C 0.069 H 164.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#477D66
RGB	rgb(71, 125, 102)
HSL	hsl(154, 28%, 38%)
HSV	hsv(154, 43%, 49%)
CMYK	cmyk(43.2%, 0%, 18.4%, 51%)
CIE-LAB	lab(48.22, -23.69, 6.98)
CIE-LCH	lch(48.22, 24.69, 163.57°)
OKLab	oklab(54.51% -0.0663 0.018)
OKLCH	oklch(54.51% 0.069 164.8)
XYZ	xyz(12.3295, 16.9653, 15.1927)
Luminance	0.1697 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#477D66 #7D475E

analogous

#477D4B #477D66 #47797D

triadic

#477D66 #66477D #7D6647

tetradic

#477D66 #4B477D #7D475E #797D47

square

#477D66 #4B477D #7D475E #797D47

split-complementary

#477D66 #7D4779 #7D4B47

monochromatic

#1B2F26 #315646 #477D66 #5EA386 #85BAA3

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

On white

4.78

#477D66 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.39

#477D66 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #477D66

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

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

fg \ bg	##477D66	#FFFFFF	#000000	##FFFFFF
##477D66	1.00	4.78	4.39	4.78
#FFFFFF	4.78	1.00	21.00	1.00
#000000	4.39	21.00	1.00	21.00
##FFFFFF	4.78	1.00	21.00	1.00

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

Protanopia (red-blind)

#7B7665

Deuteranopia (green-blind)

#727067

Tritanopia (blue-blind)

#387D76

Achromatopsia (no color)

#727272

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

CSS

--color: #477d66;
/* rgb */ color: rgb(71, 125, 102);
/* oklch */ color: oklch(54.5% 0.069 164.8);

Tailwind

colors: {
  custom: {
    50: '#7da391',
    500: '#477d66',
    950: '#000000',
  },
}

SCSS

$custom: #477d66;
$custom-light: #7da391;
$custom-dark: #000000;

JSON

{
  "hex": "#477d66",
  "rgb": {
    "r": 71,
    "g": 125,
    "b": 102
  },
  "hsl": {
    "h": 154.444,
    "s": 27.551,
    "l": 38.431
  },
  "oklch": {
    "l": 0.54508,
    "c": 0.06866,
    "h": 164.8
  },
  "luminance": 0.16966
}

Semantic roles & 50–950 ramp

primary

#477D66

secondary

#A57A8D

accent

#648DC4

background

#F7FAF8

surface

#EEF3F0

border

#C9CDCB

text

#0A0F0C

muted

#7C7F7D

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

معاينة مع #477D66

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

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