#337CBF#337CBF

#337CBF لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.189؛ OKLCH L 57.3% C 0.126 H 249.4°. أفضل لون لنص المتن هو #000000 بتباين 4.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#337CBF
RGBrgb(51, 124, 191)
HSLhsl(209, 58%, 47%)
HSVhsv(209, 73%, 75%)
CMYKcmyk(73.3%, 35.1%, 0%, 25.1%)
CIE-LABlab(50.55, 0.16, -41.57)
CIE-LCHlch(50.55, 41.58, 270.22°)
OKLaboklab(57.27% -0.0445 -0.1182)
OKLCHoklch(57.27% 0.126 249.4)
XYZxyz(17.9733, 18.8787, 51.9768)
Luminance0.1888 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#337CBF #BF7633
analogous
#33BFBC #337CBF #3336BF
triadic
#337CBF #BF337C #7CBF33
tetradic
#337CBF #BC33BF #BF7633 #36BF33
square
#337CBF #BC33BF #BF7633 #36BF33
split-complementary
#337CBF #BF3336 #BFBC33
monochromatic
#193D5E #265D8F #337CBF #5C9AD3 #8CB8E0

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

On white

4.40
#337CBF on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.78
#337CBF on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##337CBF#FFFFFF#000000##000000
##337CBF1.004.404.784.78
#FFFFFF4.401.0021.0021.00
#0000004.7821.001.001.00
##0000004.7821.001.001.00

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

Protanopia (red-blind)
#5D7FC2
Deuteranopia (green-blind)
#4972BE
Tritanopia (blue-blind)
#008C94
Achromatopsia (no color)
#787878

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

CSS
--color: #337cbf;
/* rgb */ color: rgb(51, 124, 191);
/* oklch */ color: oklch(57.3% 0.126 249.4);
Tailwind
colors: {
  custom: {
    50: '#7da1d2',
    500: '#337cbf',
    950: '#000000',
  },
}
SCSS
$custom: #337cbf;
$custom-light: #7da1d2;
$custom-dark: #000000;
JSON
{
  "hex": "#337cbf",
  "rgb": {
    "r": 51,
    "g": 124,
    "b": 191
  },
  "hsl": {
    "h": 208.714,
    "s": 57.851,
    "l": 47.451
  },
  "oklch": {
    "l": 0.57273,
    "c": 0.12624,
    "h": 249.4
  },
  "luminance": 0.18881
}

Semantic roles & 50–950 ramp

primary
#337CBF
secondary
#CBA583
accent
#9147E1
background
#F8F9FC
surface
#EFF2F9
border
#CACCD2
text
#0B0E14
muted
#7C7E82

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

معاينة مع #337CBF

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

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

#337CBF — Tintiva