#377F67#377F67

#377F67 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.170؛ OKLCH L 54.3% C 0.082 H 168.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#377F67
RGBrgb(55, 127, 103)
HSLhsl(160, 40%, 36%)
HSVhsv(160, 57%, 50%)
CMYKcmyk(56.7%, 0%, 18.9%, 50.2%)
CIE-LABlab(48.22, -28.72, 6.31)
CIE-LCHlch(48.22, 29.40, 167.60°)
OKLaboklab(54.34% -0.0805 0.0162)
OKLCHoklch(54.34% 0.082 168.6)
XYZxyz(11.6120, 16.9692, 15.4928)
Luminance0.1697 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#377F67 #7F374F
analogous
#377F43 #377F67 #37737F
triadic
#377F67 #67377F #7F6737
tetradic
#377F67 #43377F #7F374F #737F37
square
#377F67 #43377F #7F374F #737F37
split-complementary
#377F67 #7F3773 #7F4337
monochromatic
#122A22 #255444 #377F67 #49AA8A #70C1A6

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

On white

4.78
#377F67 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.39
#377F67 on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #377F67
4.78:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##377F67#FFFFFF#000000##FFFFFF
##377F671.004.784.394.78
#FFFFFF4.781.0021.001.00
#0000004.3921.001.0021.00
##FFFFFF4.781.0021.001.00

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

Protanopia (red-blind)
#7C7766
Deuteranopia (green-blind)
#716F69
Tritanopia (blue-blind)
#158078
Achromatopsia (no color)
#727272

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

CSS
--color: #377f67;
/* rgb */ color: rgb(55, 127, 103);
/* oklch */ color: oklch(54.3% 0.082 168.6);
Tailwind
colors: {
  custom: {
    50: '#74a492',
    500: '#377f67',
    950: '#000000',
  },
}
SCSS
$custom: #377f67;
$custom-light: #74a492;
$custom-dark: #000000;
JSON
{
  "hex": "#377f67",
  "rgb": {
    "r": 55,
    "g": 127,
    "b": 103
  },
  "hsl": {
    "h": 160,
    "s": 39.56,
    "l": 35.686
  },
  "oklch": {
    "l": 0.54336,
    "c": 0.0821,
    "h": 168.6
  },
  "luminance": 0.1697
}

Semantic roles & 50–950 ramp

primary
#377F67
secondary
#AA687E
accent
#5880CF
background
#F7FAF8
surface
#EDF4F0
border
#C8CECB
text
#090F0D
muted
#7B7F7D

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

معاينة مع #377F67

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

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

#377F67 — Tintiva