#3C786B#3C786B

#3C786B لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.155؛ OKLCH L 52.8% C 0.066 H 177.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.13:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#3C786B
RGB	rgb(60, 120, 107)
HSL	hsl(167, 33%, 35%)
HSV	hsv(167, 50%, 47%)
CMYK	cmyk(50%, 0%, 10.8%, 52.9%)
CIE-LAB	lab(46.25, -22.95, 1.14)
CIE-LCH	lch(46.25, 22.98, 177.17°)
OKLab	oklab(52.83% -0.0663 0.0027)
OKLCH	oklch(52.83% 0.066 177.7)
XYZ	xyz(11.2327, 15.4542, 16.2981)
Luminance	0.1545 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#3C786B #783C49

analogous

#3C784D #3C786B #3C6778

triadic

#3C786B #6B3C78 #786B3C

tetradic

#3C786B #4D3C78 #783C49 #67783C

square

#3C786B #4D3C78 #783C49 #67783C

split-complementary

#3C786B #783C67 #784D3C

monochromatic

#132622 #284F47 #3C786B #50A18F #75BAAB

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

On white

5.13

#3C786B on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.09

#3C786B on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #3C786B

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

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

fg \ bg	##3C786B	#FFFFFF	#000000	##FFFFFF
##3C786B	1.00	5.13	4.09	5.13
#FFFFFF	5.13	1.00	21.00	1.00
#000000	4.09	21.00	1.00	21.00
##FFFFFF	5.13	1.00	21.00	1.00

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

Protanopia (red-blind)

#74726A

Deuteranopia (green-blind)

#6A6B6C

Tritanopia (blue-blind)

#227A74

Achromatopsia (no color)

#6E6E6E

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

CSS

--color: #3c786b;
/* rgb */ color: rgb(60, 120, 107);
/* oklch */ color: oklch(52.8% 0.066 177.7);

Tailwind

colors: {
  custom: {
    50: '#769f95',
    500: '#3c786b',
    950: '#000000',
  },
}

SCSS

$custom: #3c786b;
$custom-light: #769f95;
$custom-dark: #000000;

JSON

{
  "hex": "#3c786b",
  "rgb": {
    "r": 60,
    "g": 120,
    "b": 107
  },
  "hsl": {
    "h": 167,
    "s": 33.333,
    "l": 35.294
  },
  "oklch": {
    "l": 0.52827,
    "c": 0.06637,
    "h": 177.7
  },
  "luminance": 0.15455
}

Semantic roles & 50–950 ramp

primary

#3C786B

secondary

#A46C78

accent

#5E76C9

background

#F7F9F9

surface

#EDF2F1

border

#C8CCCB

text

#090E0D

muted

#7B7E7E

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

معاينة مع #3C786B

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

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