#457ADC#457ADC

#457ADC is a mid, vivid blue. Relative luminance 0.204; OKLCH L 59.3% C 0.160 H 261.5°. Best body text is #000000 at 5.07:1 contrast (WCAG AA passes).

Color values

HEX#457ADC
RGBrgb(69, 122, 220)
HSLhsl(219, 68%, 57%)
HSVhsv(219, 69%, 86%)
CMYKcmyk(68.6%, 44.5%, 0%, 13.7%)
CIE-LABlab(52.23, 14.42, -55.34)
CIE-LCHlch(52.23, 57.19, 284.60°)
OKLaboklab(59.29% -0.0237 -0.1583)
OKLCHoklch(59.29% 0.16 261.5)
XYZxyz(22.3274, 20.3493, 70.4474)
Luminance0.2035 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#457ADC #DCA745
analogous
#45C6DC #457ADC #5C45DC
triadic
#457ADC #DC457A #7ADC45
tetradic
#457ADC #DC45C6 #DCA745 #45DC5C
square
#457ADC #DC45C6 #DCA745 #45DC5C
split-complementary
#457ADC #DC5C45 #C6DC45
monochromatic
#1A428C #245BC0 #457ADC #799FE6 #ACC4EF

Accessibility & contrast

On white

4.14
#457ADC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.07
#457ADC on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #457ADC
5.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##457ADC#FFFFFF#000000##000000
##457ADC1.004.145.075.07
#FFFFFF4.141.0021.0021.00
#0000005.0721.001.001.00
##0000005.0721.001.001.00

Color blindness preview

Protanopia (red-blind)
#4984E0
Deuteranopia (green-blind)
#2D76DA
Tritanopia (blue-blind)
#0091A0
Achromatopsia (no color)
#7D7D7D

Design tokens & code

CSS
--color: #457adc;
/* rgb */ color: rgb(69, 122, 220);
/* oklch */ color: oklch(59.3% 0.160 261.5);
Tailwind
colors: {
  custom: {
    50: '#899fe7',
    500: '#457adc',
    950: '#000000',
  },
}
SCSS
$custom: #457adc;
$custom-light: #899fe7;
$custom-dark: #000000;
JSON
{
  "hex": "#457adc",
  "rgb": {
    "r": 69,
    "g": 122,
    "b": 220
  },
  "hsl": {
    "h": 218.94,
    "s": 68.326,
    "l": 56.667
  },
  "oklch": {
    "l": 0.59285,
    "c": 0.16009,
    "h": 261.5
  },
  "luminance": 0.20352
}

Semantic roles & 50–950 ramp

primary
#457ADC
secondary
#DDC8A0
accent
#AE3DEB
background
#F9F9FE
surface
#F1F2FC
border
#CBCCD5
text
#0D0E16
muted
#7E7E84

Preview Lab

Preview with #457ADC

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

Preview Lab → · Contrast checker → · Palette generator →

#457ADC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva