#377D71#377D71

#377D71 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.167؛ OKLCH L 54.1% C 0.073 H 180.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.84:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#377D71
RGB	rgb(55, 125, 113)
HSL	hsl(170, 39%, 35%)
HSV	hsv(170, 56%, 49%)
CMYK	cmyk(56%, 0%, 9.6%, 51%)
CIE-LAB	lab(47.84, -25.13, -0.12)
CIE-LCH	lch(47.84, 25.13, 180.27°)
OKLab	oklab(54.12% -0.0732 -0.0007)
OKLCH	oklch(54.12% 0.073 180.6)
XYZ	xyz(11.8885, 16.6706, 18.2108)
Luminance	0.1667 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#377D71 #7D3743

analogous

#377D4E #377D71 #37667D

triadic

#377D71 #71377D #7D7137

tetradic

#377D71 #4E377D #7D3743 #667D37

square

#377D71 #4E377D #7D3743 #667D37

split-complementary

#377D71 #7D3766 #7D4E37

monochromatic

#122824 #24524B #377D71 #4AA797 #6FC0B2

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

On white

4.84

#377D71 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.33

#377D71 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #377D71

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

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

fg \ bg	##377D71	#FFFFFF	#000000	##FFFFFF
##377D71	1.00	4.84	4.33	4.84
#FFFFFF	4.84	1.00	21.00	1.00
#000000	4.33	21.00	1.00	21.00
##FFFFFF	4.84	1.00	21.00	1.00

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

Protanopia (red-blind)

#787671

Deuteranopia (green-blind)

#6D6E72

Tritanopia (blue-blind)

#097F79

Achromatopsia (no color)

#727272

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

CSS

--color: #377d71;
/* rgb */ color: rgb(55, 125, 113);
/* oklch */ color: oklch(54.1% 0.073 180.6);

Tailwind

colors: {
  custom: {
    50: '#75a399',
    500: '#377d71',
    950: '#000000',
  },
}

SCSS

$custom: #377d71;
$custom-light: #75a399;
$custom-dark: #000000;

JSON

{
  "hex": "#377d71",
  "rgb": {
    "r": 55,
    "g": 125,
    "b": 113
  },
  "hsl": {
    "h": 169.714,
    "s": 38.889,
    "l": 35.294
  },
  "oklch": {
    "l": 0.54118,
    "c": 0.07318,
    "h": 180.6
  },
  "luminance": 0.16672
}

Semantic roles & 50–950 ramp

primary

#377D71

secondary

#A86773

accent

#596DCF

background

#F7FAF9

surface

#EDF3F2

border

#C8CDCC

text

#090F0E

muted

#7B7F7E

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

معاينة مع #377D71

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

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