#4460E3#4460E3

#4460E3 is a mid, highly saturated blue. Relative luminance 0.151; OKLCH L 54.6% C 0.201 H 269.4°. Best body text is #FFFFFF at 5.21:1 contrast (WCAG AA passes).

Color values

HEX#4460E3
RGBrgb(68, 96, 227)
HSLhsl(229, 74%, 58%)
HSVhsv(229, 70%, 89%)
CMYKcmyk(70%, 57.7%, 0%, 11%)
CIE-LABlab(45.82, 33.02, -69.65)
CIE-LCHlch(45.82, 77.08, 295.36°)
OKLaboklab(54.56% -0.0021 -0.2008)
OKLCHoklch(54.56% 0.201 269.4)
XYZxyz(20.4271, 15.1387, 74.5037)
Luminance0.1514 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4460E3 #E3C744
analogous
#44AFE3 #4460E3 #7744E3
triadic
#4460E3 #E34460 #60E344
tetradic
#4460E3 #E344AF #E3C744 #44E377
square
#4460E3 #E344AF #E3C744 #44E377
split-complementary
#4460E3 #E37744 #AFE344
monochromatic
#162D96 #1E3DCB #4460E3 #798DEB #AEBBF3

Accessibility & contrast

On white

5.21
#4460E3 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.03
#4460E3 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #4460E3
5.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4460E3#FFFFFF#000000##FFFFFF
##4460E31.005.214.035.21
#FFFFFF5.211.0021.001.00
#0000004.0321.001.0021.00
##FFFFFF5.211.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0074E7
Deuteranopia (green-blind)
#0065E0
Tritanopia (blue-blind)
#008198
Achromatopsia (no color)
#6C6C6C

Design tokens & code

CSS
--color: #4460e3;
/* rgb */ color: rgb(68, 96, 227);
/* oklch */ color: oklch(54.6% 0.201 269.4);
Tailwind
colors: {
  custom: {
    50: '#8b8ced',
    500: '#4460e3',
    950: '#000000',
  },
}
SCSS
$custom: #4460e3;
$custom-light: #8b8ced;
$custom-dark: #000000;
JSON
{
  "hex": "#4460e3",
  "rgb": {
    "r": 68,
    "g": 96,
    "b": 227
  },
  "hsl": {
    "h": 229.434,
    "s": 73.953,
    "l": 57.843
  },
  "oklch": {
    "l": 0.54562,
    "c": 0.20082,
    "h": 269.4
  },
  "luminance": 0.15141
}

Semantic roles & 50–950 ramp

primary
#4460E3
secondary
#E1D6A2
accent
#D037F1
background
#F9F8FE
surface
#F2F0FD
border
#CCCBD5
text
#0E0C16
muted
#7E7D84

Preview Lab

Preview with #4460E3

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

Preview Lab → · Contrast checker → · Palette generator →

#4460E3 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva