Cancel

Try this:

Landing page

Dashboard

Icon

Logo

Pricing page

Illustration

Mobile app

Get Muzli

#313EB4 color

Color presets

Start from a recommended preset or set individual colors

Live UI Kit Demo

Hover over the suggested color combinations for live preview

Get fresh design inspiration in every new tab

Muzli is a free browser extension loved by 900k+ designers.
Every new tab brings the best new design work, color trends and tools, picked daily.

Discover Muzli

Color Accessibility Scores

#313eb4
On dark background

#313eb4
On light background

#313eb4
As background color

Color Shades

This color in use

Related Palettes

#315fb4
#22427e
#5338b4
#31b4a0
#227e70
#315fb4
#22427e
#d1e1ff
#a2c3ff
#a2c3ff
#315fb4
#22427e
#b43143
#7e222f
#b4af31
#315fb4
#b47b31
#7e5622
#6431b4
#46227e
More Palettes containing #313EB4

#313EB4 Color Conversion

Hex triplet31, 3E, B4
CMYK72.78%, 65.56%, 0.00%, 29.41%
RGB Decimal49, 62, 180
HSL234°, 57, 45
RGB Octal61, 76, 264
HSV(HSB)234.05°, 72.78%, 70.59%
RGB Binary110001, 111110, 10110100
CIE-L*AB32.69, 35.47, -63.94
RGB Percent19.22%, 24.31%, 70.59%
CIE-L*CH32.69, 73.12, 299.02
XYZ11.23, 7.39, 44.02
CIE-L*UV32.69, -8.98, -87.76
xyY0.18, 0.12, 7.39
Hunter-Lab27.19, 26.12, -76.94

Color charts

100500
RGB
100500
CMYK
100500
RYB