Cancel

Try this:

Landing page

Dashboard

Icon

Logo

Pricing page

Illustration

Mobile app

Get Muzli

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

#314cb4
On dark background

#314cb4
On light background

#314cb4
As background color

Color Shades

This color in use

Related Palettes

#316db4
#224c7e
#4b3eb4
#31b48d
#227e62
#316db4
#224c7e
#d1e6ff
#a2ccff
#a2ccff
#316db4
#224c7e
#b43156
#7e223d
#b4ab31
#316db4
#b47731
#7e5322
#6031b4
#43227e
More Palettes containing #314CB4

#314CB4 Color Conversion

Hex triplet31, 4C, B4
CMYK72.78%, 57.78%, 0.00%, 29.41%
RGB Decimal49, 76, 180
HSL228°, 57, 45
RGB Octal61, 114, 264
HSV(HSB)227.63°, 72.78%, 70.59%
RGB Binary110001, 1001100, 10110100
CIE-L*AB36.21, 26.42, -58.19
RGB Percent19.22%, 29.80%, 70.59%
CIE-L*CH36.21, 63.90, 294.42
XYZ12.09, 9.12, 44.30
CIE-L*UV36.21, -12.33, -83.36
xyY0.18, 0.14, 9.12
Hunter-Lab30.19, 18.63, -65.86

Color charts

100500
RGB
100500
CMYK
100500
RYB