#428C80#428C80

#428C80 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.215؛ OKLCH L 58.9% C 0.076 H 181.6°. أفضل لون لنص المتن هو #000000 بتباين 5.29:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#428C80
RGB	rgb(66, 140, 128)
HSL	hsl(170, 36%, 40%)
HSV	hsv(170, 53%, 55%)
CMYK	cmyk(52.9%, 0%, 8.6%, 45.1%)
CIE-LAB	lab(53.46, -26.12, -0.62)
CIE-LCH	lch(53.46, 26.13, 181.36°)
OKLab	oklab(58.92% -0.0764 -0.0021)
OKLCH	oklch(58.92% 0.076 181.6)
XYZ	xyz(15.5195, 21.4715, 23.7445)
Luminance	0.2147 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#428C80 #8C424E

analogous

#428C5B #428C80 #42738C

triadic

#428C80 #80428C #8C8042

tetradic

#428C80 #5B428C #8C424E #738C42

square

#428C80 #5B428C #8C424E #738C42

split-complementary

#428C80 #8C4273 #8C5B42

monochromatic

#1B3934 #2E625A #428C80 #5AB1A3 #84C5BA

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

On white

3.97

#428C80 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.29

#428C80 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #428C80

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

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

fg \ bg	##428C80	#FFFFFF	#000000	##000000
##428C80	1.00	3.97	5.29	5.29
#FFFFFF	3.97	1.00	21.00	21.00
#000000	5.29	21.00	1.00	1.00
##000000	5.29	21.00	1.00	1.00

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

Protanopia (red-blind)

#868580

Deuteranopia (green-blind)

#7B7C81

Tritanopia (blue-blind)

#198E88

Achromatopsia (no color)

#808080

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

CSS

--color: #428c80;
/* rgb */ color: rgb(66, 140, 128);
/* oklch */ color: oklch(58.9% 0.076 181.6);

Tailwind

colors: {
  custom: {
    50: '#7daea4',
    500: '#428c80',
    950: '#000000',
  },
}

SCSS

$custom: #428c80;
$custom-light: #7daea4;
$custom-dark: #000000;

JSON

{
  "hex": "#428c80",
  "rgb": {
    "r": 66,
    "g": 140,
    "b": 128
  },
  "hsl": {
    "h": 170.27,
    "s": 35.922,
    "l": 40.392
  },
  "oklch": {
    "l": 0.58924,
    "c": 0.07642,
    "h": 181.6
  },
  "luminance": 0.21473
}

Semantic roles & 50–950 ramp

primary

#428C80

secondary

#B07A83

accent

#5C6ECC

background

#F7FAFA

surface

#EEF4F4

border

#C9CECE

text

#0A100F

muted

#7C7F7F

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

معاينة مع #428C80

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

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