#4749E6#4749E6

#4749E6 is a mid, highly saturated blue. Relative luminance 0.118; OKLCH L 51.1% C 0.230 H 274.1°. Best body text is #FFFFFF at 6.24:1 contrast (WCAG AA passes).

Color values

HEX#4749E6
RGBrgb(71, 73, 230)
HSLhsl(239, 76%, 59%)
HSVhsv(239, 69%, 90%)
CMYKcmyk(69.1%, 68.3%, 0%, 9.8%)
CIE-LABlab(40.92, 48.32, -79.36)
CIE-LCHlch(40.92, 92.91, 301.34°)
OKLaboklab(51.09% 0.0164 -0.2294)
OKLCHoklch(51.09% 0.23 274.1)
XYZxyz(19.2593, 11.8160, 76.1133)
Luminance0.1182 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4749E6 #E6E447
analogous
#4799E6 #4749E6 #9547E6
triadic
#4749E6 #E64749 #49E647
tetradic
#4749E6 #E64799 #E6E447 #47E695
square
#4749E6 #E64799 #E6E447 #47E695
split-complementary
#4749E6 #E69547 #99E647
monochromatic
#15179D #1D1FD3 #4749E6 #7D7EED #B3B4F5

Accessibility & contrast

On white

6.24
#4749E6 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.36
#4749E6 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #4749E6
6.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4749E6#FFFFFF#000000##FFFFFF
##4749E61.006.243.366.24
#FFFFFF6.241.0021.001.00
#0000003.3621.001.0021.00
##FFFFFF6.241.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0068EB
Deuteranopia (green-blind)
#0059E3
Tritanopia (blue-blind)
#007492
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #4749e6;
/* rgb */ color: rgb(71, 73, 230);
/* oklch */ color: oklch(51.1% 0.230 274.1);
Tailwind
colors: {
  custom: {
    50: '#8f7def',
    500: '#4749e6',
    950: '#000000',
  },
}
SCSS
$custom: #4749e6;
$custom-light: #8f7def;
$custom-dark: #000000;
JSON
{
  "hex": "#4749e6",
  "rgb": {
    "r": 71,
    "g": 73,
    "b": 230
  },
  "hsl": {
    "h": 239.245,
    "s": 76.077,
    "l": 59.02
  },
  "oklch": {
    "l": 0.51086,
    "c": 0.22995,
    "h": 274.1
  },
  "luminance": 0.11818
}

Semantic roles & 50–950 ramp

primary
#4749E6
secondary
#E4E3A5
accent
#F035F3
background
#F9F7FE
surface
#F2EEFD
border
#CCC9D5
text
#0E0A17
muted
#7E7C85

Preview Lab

Preview with #4749E6

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

Preview Lab → · Contrast checker → · Palette generator →

#4749E6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva