#4D75E9#4D75E9

#4D75E9 is a mid, vivid blue. Relative luminance 0.202; OKLCH L 59.5% C 0.181 H 266.6°. Best body text is #000000 at 5.04:1 contrast (WCAG AA passes).

Color values

HEX#4D75E9
RGBrgb(77, 117, 233)
HSLhsl(225, 78%, 61%)
HSVhsv(225, 67%, 91%)
CMYKcmyk(67%, 49.8%, 0%, 8.6%)
CIE-LABlab(52.04, 23.29, -62.93)
CIE-LCHlch(52.04, 67.10, 290.31°)
OKLaboklab(59.49% -0.0108 -0.1806)
OKLCHoklch(59.49% 0.181 266.6)
XYZxyz(24.1247, 20.1812, 79.6990)
Luminance0.2018 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4D75E9 #E9C14D
analogous
#4DC3E9 #4D75E9 #734DE9
triadic
#4D75E9 #E94D75 #75E94D
tetradic
#4D75E9 #E94DC3 #E9C14D #4DE973
square
#4D75E9 #E94DC3 #E9C14D #4DE973
split-complementary
#4D75E9 #E9734D #C3E94D
monochromatic
#153AA7 #1B4DDD #4D75E9 #839FF0 #BAC9F6

Accessibility & contrast

On white

4.17
#4D75E9 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.04
#4D75E9 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #4D75E9
5.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4D75E9#FFFFFF#000000##000000
##4D75E91.004.175.045.04
#FFFFFF4.171.0021.0021.00
#0000005.0421.001.001.00
##0000005.0421.001.001.00

Color blindness preview

Protanopia (red-blind)
#3284ED
Deuteranopia (green-blind)
#0075E7
Tritanopia (blue-blind)
#0090A4
Achromatopsia (no color)
#7C7C7C

Design tokens & code

CSS
--color: #4d75e9;
/* rgb */ color: rgb(77, 117, 233);
/* oklch */ color: oklch(59.5% 0.181 266.6);
Tailwind
colors: {
  custom: {
    50: '#8f9cf1',
    500: '#4d75e9',
    950: '#000000',
  },
}
SCSS
$custom: #4d75e9;
$custom-light: #8f9cf1;
$custom-dark: #000000;
JSON
{
  "hex": "#4d75e9",
  "rgb": {
    "r": 77,
    "g": 117,
    "b": 233
  },
  "hsl": {
    "h": 224.615,
    "s": 78,
    "l": 60.784
  },
  "oklch": {
    "l": 0.59494,
    "c": 0.18091,
    "h": 266.6
  },
  "luminance": 0.20184
}

Semantic roles & 50–950 ramp

primary
#4D75E9
secondary
#E6D7AB
accent
#A50BDA
background
#F9F9FE
surface
#F2F2FD
border
#CCCCD5
text
#0E0E17
muted
#7E7E85

Preview Lab

Preview with #4D75E9

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

Preview Lab → · Contrast checker → · Palette generator →

#4D75E9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva