Cancel

Try this:

Landing page

Dashboard

Icon

Logo

Pricing page

Illustration

Mobile app

Get Muzli

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

#316cb4
On dark background

#316cb4
On light background

#316cb4
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 #316CB4

#316CB4 Color Conversion

Hex triplet31, 6C, B4
CMYK72.78%, 40.00%, 0.00%, 29.41%
RGB Decimal49, 108, 180
HSL213°, 57, 45
RGB Octal61, 154, 264
HSV(HSB)212.98°, 72.78%, 70.59%
RGB Binary110001, 1101100, 10110100
CIE-L*AB45.18, 5.68, -43.74
RGB Percent19.22%, 42.35%, 70.59%
CIE-L*CH45.18, 44.11, 277.40
XYZ14.87, 14.67, 45.23
CIE-L*UV45.18, -21.96, -65.80
xyY0.20, 0.20, 14.67
Hunter-Lab38.31, 2.24, -43.19

Color charts

100500
RGB
100500
CMYK
100500
RYB