#337EBB#337EBB

#337EBB لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.192؛ OKLCH L 57.5% C 0.119 H 246.6°. أفضل لون لنص المتن هو #000000 بتباين 4.84:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#337EBB
RGBrgb(51, 126, 187)
HSLhsl(207, 57%, 47%)
HSVhsv(207, 73%, 73%)
CMYKcmyk(72.7%, 32.6%, 0%, 26.7%)
CIE-LABlab(50.93, -2.48, -38.67)
CIE-LCHlch(50.93, 38.74, 266.32°)
OKLaboklab(57.51% -0.0475 -0.1096)
OKLCHoklch(57.51% 0.119 246.6)
XYZxyz(17.7923, 19.2114, 49.7745)
Luminance0.1921 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#337EBB #BB7033
analogous
#33BBB4 #337EBB #333ABB
triadic
#337EBB #BB337E #7EBB33
tetradic
#337EBB #B433BB #BB7033 #3ABB33
square
#337EBB #B433BB #BB7033 #3ABB33
split-complementary
#337EBB #BB333A #BBB433
monochromatic
#193D5B #265E8B #337EBB #599CD2 #89B9DF

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

On white

4.34
#337EBB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.84
#337EBB on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##337EBB#FFFFFF#000000##000000
##337EBB1.004.344.844.84
#FFFFFF4.341.0021.0021.00
#0000004.8421.001.001.00
##0000004.8421.001.001.00

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

Protanopia (red-blind)
#6280BE
Deuteranopia (green-blind)
#4F74BA
Tritanopia (blue-blind)
#008D94
Achromatopsia (no color)
#797979

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

CSS
--color: #337ebb;
/* rgb */ color: rgb(51, 126, 187);
/* oklch */ color: oklch(57.5% 0.119 246.6);
Tailwind
colors: {
  custom: {
    50: '#7ca3d0',
    500: '#337ebb',
    950: '#000000',
  },
}
SCSS
$custom: #337ebb;
$custom-light: #7ca3d0;
$custom-dark: #000000;
JSON
{
  "hex": "#337ebb",
  "rgb": {
    "r": 51,
    "g": 126,
    "b": 187
  },
  "hsl": {
    "h": 206.912,
    "s": 57.143,
    "l": 46.667
  },
  "oklch": {
    "l": 0.57512,
    "c": 0.11949,
    "h": 246.6
  },
  "luminance": 0.19213
}

Semantic roles & 50–950 ramp

primary
#337EBB
secondary
#C9A181
accent
#8C47E0
background
#F8FAFC
surface
#EFF3F9
border
#CACDD2
text
#0B0F14
muted
#7C7F82

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

معاينة مع #337EBB

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

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

#337EBB — Tintiva