#454BD6#454BD6

#454BD6 is a mid, highly saturated blue. Relative luminance 0.112; OKLCH L 49.8% C 0.208 H 274.0°. Best body text is #FFFFFF at 6.50:1 contrast (WCAG AA passes).

Color values

HEX#454BD6
RGBrgb(69, 75, 214)
HSLhsl(238, 64%, 55%)
HSVhsv(238, 68%, 84%)
CMYKcmyk(67.8%, 65%, 0%, 16.1%)
CIE-LABlab(39.83, 41.62, -72.01)
CIE-LCHlch(39.83, 83.18, 300.03°)
OKLaboklab(49.84% 0.0146 -0.2079)
OKLCHoklch(49.84% 0.208 274)
XYZxyz(17.1039, 11.1508, 64.8562)
Luminance0.1115 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#454BD6 #D6D045
analogous
#4594D6 #454BD6 #8745D6
triadic
#454BD6 #D6454B #4BD645
tetradic
#454BD6 #D64594 #D6D045 #45D687
square
#454BD6 #D64594 #D6D045 #45D687
split-complementary
#454BD6 #D68745 #94D645
monochromatic
#1D2184 #282EB6 #454BD6 #777CE1 #A9ACEC

Accessibility & contrast

On white

6.50
#454BD6 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.23
#454BD6 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #454BD6
6.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##454BD6#FFFFFF#000000##FFFFFF
##454BD61.006.503.236.50
#FFFFFF6.501.0021.001.00
#0000003.2321.001.0021.00
##FFFFFF6.501.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0065DA
Deuteranopia (green-blind)
#0057D3
Tritanopia (blue-blind)
#006F8A
Achromatopsia (no color)
#5E5E5E

Design tokens & code

CSS
--color: #454bd6;
/* rgb */ color: rgb(69, 75, 214);
/* oklch */ color: oklch(49.8% 0.208 274.0);
Tailwind
colors: {
  custom: {
    50: '#8b7ee4',
    500: '#454bd6',
    950: '#000000',
  },
}
SCSS
$custom: #454bd6;
$custom-light: #8b7ee4;
$custom-dark: #000000;
JSON
{
  "hex": "#454bd6",
  "rgb": {
    "r": 69,
    "g": 75,
    "b": 214
  },
  "hsl": {
    "h": 237.517,
    "s": 63.877,
    "l": 55.49
  },
  "oklch": {
    "l": 0.49835,
    "c": 0.20843,
    "h": 274
  },
  "luminance": 0.11152
}

Semantic roles & 50–950 ramp

primary
#454BD6
secondary
#DAD79D
accent
#E041E7
background
#F9F7FE
surface
#F2EEFC
border
#CCC9D5
text
#0D0A16
muted
#7E7C84

Preview Lab

Preview with #454BD6

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

Preview Lab → · Contrast checker → · Palette generator →

#454BD6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva