#337BC1#337BC1

#337BC1 لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.187؛ OKLCH L 57.2% C 0.130 H 250.7°. أفضل لون لنص المتن هو #000000 بتباين 4.74:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#337BC1
RGBrgb(51, 123, 193)
HSLhsl(210, 58%, 48%)
HSVhsv(210, 74%, 76%)
CMYKcmyk(73.6%, 36.3%, 0%, 24.3%)
CIE-LABlab(50.36, 1.49, -43.02)
CIE-LCHlch(50.36, 43.05, 271.98°)
OKLaboklab(57.16% -0.043 -0.1224)
OKLCHoklch(57.16% 0.13 250.7)
XYZxyz(18.0702, 18.7179, 53.1023)
Luminance0.1872 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#337BC1 #C17933
analogous
#33C1C0 #337BC1 #3334C1
triadic
#337BC1 #C1337B #7BC133
tetradic
#337BC1 #C033C1 #C17933 #34C133
square
#337BC1 #C033C1 #C17933 #34C133
split-complementary
#337BC1 #C13334 #C1C033
monochromatic
#193D60 #265C91 #337BC1 #5D99D4 #8DB8E1

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

On white

4.43
#337BC1 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.74
#337BC1 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #337BC1
4.74:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##337BC1#FFFFFF#000000##000000
##337BC11.004.434.744.74
#FFFFFF4.431.0021.0021.00
#0000004.7421.001.001.00
##0000004.7421.001.001.00

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

Protanopia (red-blind)
#5B7FC4
Deuteranopia (green-blind)
#4672C0
Tritanopia (blue-blind)
#008C95
Achromatopsia (no color)
#787878

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

CSS
--color: #337bc1;
/* rgb */ color: rgb(51, 123, 193);
/* oklch */ color: oklch(57.2% 0.130 250.7);
Tailwind
colors: {
  custom: {
    50: '#7da0d4',
    500: '#337bc1',
    950: '#000000',
  },
}
SCSS
$custom: #337bc1;
$custom-light: #7da0d4;
$custom-dark: #000000;
JSON
{
  "hex": "#337bc1",
  "rgb": {
    "r": 51,
    "g": 123,
    "b": 193
  },
  "hsl": {
    "h": 209.577,
    "s": 58.197,
    "l": 47.843
  },
  "oklch": {
    "l": 0.57159,
    "c": 0.12973,
    "h": 250.7
  },
  "luminance": 0.1872
}

Semantic roles & 50–950 ramp

primary
#337BC1
secondary
#CBA784
accent
#9346E1
background
#F8F9FD
surface
#EFF2FA
border
#CACCD3
text
#0B0E14
muted
#7C7E83

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

معاينة مع #337BC1

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

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

#337BC1 — Tintiva