#4937B9#4937B9

#4937B9 is a dark, vivid blue. Relative luminance 0.077; OKLCH L 44.4% C 0.194 H 281.3°. Best body text is #FFFFFF at 8.30:1 contrast (WCAG AA passes).

Color values

HEX#4937B9
RGBrgb(73, 55, 185)
HSLhsl(248, 54%, 47%)
HSVhsv(248, 70%, 73%)
CMYKcmyk(60.5%, 70.3%, 0%, 27.5%)
CIE-LABlab(33.24, 44.48, -65.91)
CIE-LCHlch(33.24, 79.52, 304.01°)
OKLaboklab(44.37% 0.038 -0.1899)
OKLCHoklch(44.37% 0.194 281.3)
XYZxyz(12.8681, 7.6507, 46.6882)
Luminance0.0765 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4937B9 #A7B937
analogous
#3766B9 #4937B9 #8A37B9
triadic
#4937B9 #B94937 #37B949
tetradic
#4937B9 #B93766 #A7B937 #37B98A
square
#4937B9 #B93766 #A7B937 #37B98A
split-complementary
#4937B9 #B98A37 #66B937
monochromatic
#241B5B #36298A #4937B9 #6E5ECF #988DDD

Accessibility & contrast

On white

8.30
#4937B9 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.53
#4937B9 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #4937B9
8.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4937B9#FFFFFF#000000##FFFFFF
##4937B91.008.302.538.30
#FFFFFF8.301.0021.001.00
#0000002.5321.001.0021.00
##FFFFFF8.301.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0053BD
Deuteranopia (green-blind)
#0049B7
Tritanopia (blue-blind)
#005A74
Achromatopsia (no color)
#4E4E4E

Design tokens & code

CSS
--color: #4937b9;
/* rgb */ color: rgb(73, 55, 185);
/* oklch */ color: oklch(44.4% 0.194 281.3);
Tailwind
colors: {
  custom: {
    50: '#8870cf',
    500: '#4937b9',
    950: '#000000',
  },
}
SCSS
$custom: #4937b9;
$custom-light: #8870cf;
$custom-dark: #000000;
JSON
{
  "hex": "#4937b9",
  "rgb": {
    "r": 73,
    "g": 55,
    "b": 185
  },
  "hsl": {
    "h": 248.308,
    "s": 54.167,
    "l": 47.059
  },
  "oklch": {
    "l": 0.44369,
    "c": 0.19372,
    "h": 281.3
  },
  "luminance": 0.07652
}

Semantic roles & 50–950 ramp

primary
#4937B9
secondary
#BEC884
accent
#DE4AC9
background
#F9F6FC
surface
#F1ECF9
border
#CBC7D2
text
#0D0714
muted
#7E7A82

Preview Lab

Preview with #4937B9

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

Preview Lab → · Contrast checker → · Palette generator →

#4937B9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva