#4C8477#4C8477

#4C8477 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.194؛ OKLCH L 57.1% C 0.063 H 177.3°. أفضل لون لنص المتن هو #000000 بتباين 4.87:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#4C8477
RGB	rgb(76, 132, 119)
HSL	hsl(166, 27%, 41%)
HSV	hsv(166, 42%, 52%)
CMYK	cmyk(42.4%, 0%, 9.8%, 48.2%)
CIE-LAB	lab(51.12, -21.76, 1.24)
CIE-LCH	lch(51.12, 21.80, 176.74°)
OKLab	oklab(57.06% -0.063 0.003)
OKLCH	oklch(57.06% 0.063 177.3)
XYZ	xyz(14.5602, 19.3699, 20.4207)
Luminance	0.1937 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#4C8477 #844C59

analogous

#4C845B #4C8477 #4C7584

triadic

#4C8477 #774C84 #84774C

tetradic

#4C8477 #5B4C84 #844C59 #75844C

square

#4C8477 #5B4C84 #844C59 #75844C

split-complementary

#4C8477 #844C75 #845B4C

monochromatic

#1F3631 #365D54 #4C8477 #66A798 #8DBDB2

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

On white

4.31

#4C8477 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.87

#4C8477 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #4C8477

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

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

fg \ bg	##4C8477	#FFFFFF	#000000	##000000
##4C8477	1.00	4.31	4.87	4.87
#FFFFFF	4.31	1.00	21.00	21.00
#000000	4.87	21.00	1.00	1.00
##000000	4.87	21.00	1.00	1.00

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

Protanopia (red-blind)

#807E76

Deuteranopia (green-blind)

#777778

Tritanopia (blue-blind)

#388580

Achromatopsia (no color)

#7A7A7A

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

CSS

--color: #4c8477;
/* rgb */ color: rgb(76, 132, 119);
/* oklch */ color: oklch(57.1% 0.063 177.3);

Tailwind

colors: {
  custom: {
    50: '#81a89e',
    500: '#4c8477',
    950: '#000000',
  },
}

SCSS

$custom: #4c8477;
$custom-light: #81a89e;
$custom-dark: #000000;

JSON

{
  "hex": "#4c8477",
  "rgb": {
    "r": 76,
    "g": 132,
    "b": 119
  },
  "hsl": {
    "h": 166.071,
    "s": 26.923,
    "l": 40.784
  },
  "oklch": {
    "l": 0.57063,
    "c": 0.06307,
    "h": 177.3
  },
  "luminance": 0.19371
}

Semantic roles & 50–950 ramp

primary

#4C8477

secondary

#AA828B

accent

#657BC3

background

#F8FAF9

surface

#EFF4F2

border

#CACECC

text

#0A0F0E

muted

#7C7F7E

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

معاينة مع #4C8477

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

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