#377C8F#377C8F

#377C8F لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.172؛ OKLCH L 55.0% C 0.075 H 218.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.73:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#377C8F
RGBrgb(55, 124, 143)
HSLhsl(193, 44%, 39%)
HSVhsv(193, 62%, 56%)
CMYKcmyk(61.5%, 13.3%, 0%, 43.9%)
CIE-LABlab(48.52, -15.71, -16.81)
CIE-LCHlch(48.52, 23.00, 226.94°)
OKLaboklab(55% -0.0584 -0.0467)
OKLCHoklch(55% 0.075 218.6)
XYZxyz(13.7391, 17.2093, 28.5790)
Luminance0.1721 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#377C8F #8F4A37
analogous
#378F76 #377C8F #37508F
triadic
#377C8F #8F377C #7C8F37
tetradic
#377C8F #76378F #8F4A37 #508F37
square
#377C8F #76378F #8F4A37 #508F37
split-complementary
#377C8F #8F3750 #8F7637
monochromatic
#152F37 #265663 #377C8F #4AA1B9 #76B8CA

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

On white

4.73
#377C8F on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.44
#377C8F on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##377C8F#FFFFFF#000000##FFFFFF
##377C8F1.004.734.444.73
#FFFFFF4.731.0021.001.00
#0000004.4421.001.0021.00
##FFFFFF4.731.0021.001.00

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

Protanopia (red-blind)
#707990
Deuteranopia (green-blind)
#636F8F
Tritanopia (blue-blind)
#008382
Achromatopsia (no color)
#737373

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

CSS
--color: #377c8f;
/* rgb */ color: rgb(55, 124, 143);
/* oklch */ color: oklch(55.0% 0.075 218.6);
Tailwind
colors: {
  custom: {
    50: '#77a2af',
    500: '#377c8f',
    950: '#000000',
  },
}
SCSS
$custom: #377c8f;
$custom-light: #77a2af;
$custom-dark: #000000;
JSON
{
  "hex": "#377c8f",
  "rgb": {
    "r": 55,
    "g": 124,
    "b": 143
  },
  "hsl": {
    "h": 192.955,
    "s": 44.444,
    "l": 38.824
  },
  "oklch": {
    "l": 0.54998,
    "c": 0.0748,
    "h": 218.6
  },
  "luminance": 0.17211
}

Semantic roles & 50–950 ramp

primary
#377C8F
secondary
#B37D6F
accent
#6F54D4
background
#F7F9FA
surface
#EEF2F4
border
#C9CCCE
text
#090F10
muted
#7B7E7F

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

معاينة مع #377C8F

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

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

#377C8F — Tintiva