#337BD2#337BD2

#337BD2 لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.195؛ OKLCH L 58.2% C 0.152 H 255.1°. أفضل لون لنص المتن هو #000000 بتباين 4.90:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#337BD2
RGBrgb(51, 123, 210)
HSLhsl(213, 64%, 51%)
HSVhsv(213, 76%, 82%)
CMYKcmyk(75.7%, 41.4%, 0%, 17.6%)
CIE-LABlab(51.29, 7.73, -51.23)
CIE-LCHlch(51.29, 51.81, 278.58°)
OKLaboklab(58.19% -0.0389 -0.1465)
OKLCHoklch(58.19% 0.152 255.1)
XYZxyz(20.0767, 19.5206, 63.6700)
Luminance0.1952 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#337BD2 #D28A33
analogous
#33CAD2 #337BD2 #3A33D2
triadic
#337BD2 #D2337B #7BD233
tetradic
#337BD2 #D233CA #D28A33 #33D23A
square
#337BD2 #D233CA #D28A33 #33D23A
split-complementary
#337BD2 #D23A33 #CAD233
monochromatic
#194172 #245EA4 #337BD2 #659BDD #97BCE8

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

On white

4.28
#337BD2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.90
#337BD2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##337BD2#FFFFFF#000000##000000
##337BD21.004.284.904.90
#FFFFFF4.281.0021.0021.00
#0000004.9021.001.001.00
##0000004.9021.001.001.00

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

Protanopia (red-blind)
#5182D5
Deuteranopia (green-blind)
#3573D0
Tritanopia (blue-blind)
#00909C
Achromatopsia (no color)
#7A7A7A

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

CSS
--color: #337bd2;
/* rgb */ color: rgb(51, 123, 210);
/* oklch */ color: oklch(58.2% 0.152 255.1);
Tailwind
colors: {
  custom: {
    50: '#80a0e0',
    500: '#337bd2',
    950: '#000000',
  },
}
SCSS
$custom: #337bd2;
$custom-light: #80a0e0;
$custom-dark: #000000;
JSON
{
  "hex": "#337bd2",
  "rgb": {
    "r": 51,
    "g": 123,
    "b": 210
  },
  "hsl": {
    "h": 212.83,
    "s": 63.855,
    "l": 51.176
  },
  "oklch": {
    "l": 0.58192,
    "c": 0.15156,
    "h": 255.1
  },
  "luminance": 0.19523
}

Semantic roles & 50–950 ramp

primary
#337BD2
secondary
#D4B48D
accent
#9C41E7
background
#F8F9FD
surface
#F0F2FB
border
#CBCCD4
text
#0C0E15
muted
#7D7E83

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

معاينة مع #337BD2

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

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

#337BD2 — Tintiva