Cancel

Try this:

Landing page

Dashboard

Icon

Logo

Pricing page

Illustration

Mobile app

Get Muzli

#316EB4 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 800k+ designers.
Every new tab brings the best new design work, color trends and tools, picked daily.

Discover Muzli

Color Accessibility Scores

#316eb4
On dark background

#316eb4
On light background

#316eb4
As background color

Color Shades

This color in use

Related Palettes

#316EB4 Color Conversion

Hex triplet31, 6E, B4
CMYK72.78%, 38.89%, 0.00%, 29.41%
RGB Decimal49, 110, 180
HSL212°, 57, 45
RGB Octal61, 156, 264
HSV(HSB)212.00°, 72.61, 26.10
RGB Binary110001, 1101110, 10110100
CIE-L*AB45.77, 4.43, -42.80
RGB Percent19.22%, 43.14%, 70.59%
CIE-L*CH45.77, 43.03, 275.91
XYZ15.08, 15.10, 45.30
CIE-L*UV45.77, -22.63, -64.44
xyY0.20, 0.20, 15.10
Hunter-Lab38.86, 1.27, -41.92

Color charts

100500
RGB
100500
CMYK
100500
RYB