#507B72#507B72

#507B72 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.171؛ OKLCH L 54.9% C 0.050 H 179.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.75:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#507B72
RGB	rgb(80, 123, 114)
HSL	hsl(167, 21%, 40%)
HSV	hsv(167, 35%, 48%)
CMYK	cmyk(35%, 0%, 7.3%, 51.8%)
CIE-LAB	lab(48.37, -17.04, 0.19)
CIE-LCH	lch(48.37, 17.04, 179.35°)
OKLab	oklab(54.86% -0.0498 0.0002)
OKLCH	oklch(54.86% 0.05 179.7)
XYZ	xyz(13.4274, 17.0855, 18.5066)
Luminance	0.1709 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#507B72 #7B5059

analogous

#507B5D #507B72 #506F7B

triadic

#507B72 #72507B #7B7250

tetradic

#507B72 #5D507B #7B5059 #6F7B50

square

#507B72 #5D507B #7B5059 #6F7B50

split-complementary

#507B72 #7B506F #7B5D50

monochromatic

#20312D #385650 #507B72 #6A9E93 #8FB6AE

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

On white

4.75

#507B72 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.42

#507B72 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #507B72

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

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

fg \ bg	##507B72	#FFFFFF	#000000	##FFFFFF
##507B72	1.00	4.75	4.42	4.75
#FFFFFF	4.75	1.00	21.00	1.00
#000000	4.42	21.00	1.00	21.00
##FFFFFF	4.75	1.00	21.00	1.00

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

Protanopia (red-blind)

#787672

Deuteranopia (green-blind)

#707173

Tritanopia (blue-blind)

#437C78

Achromatopsia (no color)

#737373

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

CSS

--color: #507b72;
/* rgb */ color: rgb(80, 123, 114);
/* oklch */ color: oklch(54.9% 0.050 179.7);

Tailwind

colors: {
  custom: {
    50: '#83a19a',
    500: '#507b72',
    950: '#000000',
  },
}

SCSS

$custom: #507b72;
$custom-light: #83a19a;
$custom-dark: #000000;

JSON

{
  "hex": "#507b72",
  "rgb": {
    "r": 80,
    "g": 123,
    "b": 114
  },
  "hsl": {
    "h": 167.442,
    "s": 21.182,
    "l": 39.804
  },
  "oklch": {
    "l": 0.54861,
    "c": 0.04984,
    "h": 179.7
  },
  "luminance": 0.17086
}

Semantic roles & 50–950 ramp

primary

#507B72

secondary

#A3838A

accent

#6A7CBE

background

#F8F9F9

surface

#EFF2F2

border

#CACCCC

text

#0B0F0E

muted

#7C7E7E

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

معاينة مع #507B72

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

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