Cancel

Try this:

Landing page

Dashboard

Icon

Logo

Pricing page

Illustration

Mobile app

Get Muzli

#316AB4 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

#316ab4
On dark background

#316ab4
On light background

#316ab4
As background color

Color Shades

This color in use

Related Palettes

#3186b4
#225e7e
#3f46b4
#31b46c
#227e4b
#3186b4
#225e7e
#d1efff
#a2deff
#a2deff
#3186b4
#225e7e
#b43173
#7e2250
#b4a431
#3186b4
#b47031
#7e4f22
#5735b4
#3d257e
More Palettes containing #316AB4

#316AB4 Color Conversion

Hex triplet31, 6A, B4
CMYK72.78%, 41.11%, 0.00%, 29.41%
RGB Decimal49, 106, 180
HSL214°, 57, 45
RGB Octal61, 152, 264
HSV(HSB)213.89°, 72.78%, 70.59%
RGB Binary110001, 1101010, 10110100
CIE-L*AB44.60, 6.94, -44.67
RGB Percent19.22%, 41.57%, 70.59%
CIE-L*CH44.60, 45.21, 278.83
XYZ14.66, 14.26, 45.16
CIE-L*UV44.60, -21.30, -67.14
xyY0.20, 0.19, 14.26
Hunter-Lab37.76, 3.22, -44.48

Color charts

100500
RGB
100500
CMYK
100500
RYB