#337EAF#337EAF

#337EAF لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.187؛ OKLCH L 56.9% C 0.105 H 240.9°. أفضل لون لنص المتن هو #000000 بتباين 4.74:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#337EAF
RGBrgb(51, 126, 175)
HSLhsl(204, 55%, 44%)
HSVhsv(204, 71%, 69%)
CMYKcmyk(70.9%, 28%, 0%, 31.4%)
CIE-LABlab(50.36, -6.75, -32.66)
CIE-LCHlch(50.36, 33.35, 258.32°)
OKLaboklab(56.87% -0.0512 -0.0922)
OKLCHoklch(56.87% 0.105 240.9)
XYZxyz(16.5610, 18.7188, 43.2894)
Luminance0.1872 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#337EAF #AF6433
analogous
#33AFA2 #337EAF #3340AF
triadic
#337EAF #AF337E #7EAF33
tetradic
#337EAF #A233AF #AF6433 #40AF33
square
#337EAF #A233AF #AF6433 #40AF33
split-complementary
#337EAF #AF3340 #AFA233
monochromatic
#173A50 #255C80 #337EAF #529CCD #82B7DB

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

On white

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

On black

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

أفضل لون للنص

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

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

fg \ bg##337EAF#FFFFFF#000000##000000
##337EAF1.004.434.744.74
#FFFFFF4.431.0021.0021.00
#0000004.7421.001.001.00
##0000004.7421.001.001.00

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

Protanopia (red-blind)
#677EB1
Deuteranopia (green-blind)
#5673AE
Tritanopia (blue-blind)
#008A8F
Achromatopsia (no color)
#787878

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

CSS
--color: #337eaf;
/* rgb */ color: rgb(51, 126, 175);
/* oklch */ color: oklch(56.9% 0.105 240.9);
Tailwind
colors: {
  custom: {
    50: '#7aa3c7',
    500: '#337eaf',
    950: '#000000',
  },
}
SCSS
$custom: #337eaf;
$custom-light: #7aa3c7;
$custom-dark: #000000;
JSON
{
  "hex": "#337eaf",
  "rgb": {
    "r": 51,
    "g": 126,
    "b": 175
  },
  "hsl": {
    "h": 203.71,
    "s": 54.867,
    "l": 44.314
  },
  "oklch": {
    "l": 0.56867,
    "c": 0.10544,
    "h": 240.9
  },
  "luminance": 0.18721
}

Semantic roles & 50–950 ramp

primary
#337EAF
secondary
#C4977A
accent
#844ADE
background
#F7FAFC
surface
#EEF3F8
border
#C9CDD1
text
#0A0F13
muted
#7C7F82

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

معاينة مع #337EAF

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

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

#337EAF — Tintiva