HEX #314AC1 color — Cerulean Blue
The color #314AC1 is a dark shade and moderately saturated.
Palette
314AC1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4fc |
rgb(243,244,252) |
hsl(230,60%,97%) |
#dee2f7 |
rgb(222,226,247) |
hsl(230,60%,92%) |
#cad1f2 |
rgb(202,209,242) |
hsl(230,60%,87%) |
#b6bfed |
rgb(182,191,237) |
hsl(230,60%,82%) |
#a1ade8 |
rgb(161,173,232) |
hsl(230,60%,77%) |
#8d9be2 |
rgb(141,155,226) |
hsl(230,60%,72%) |
#7889dd |
rgb(120,137,221) |
hsl(230,60%,67%) |
#6477d8 |
rgb(100,119,216) |
hsl(230,60%,62%) |
#5065d3 |
rgb(80,101,211) |
hsl(230,60%,57%) |
#3b54ce |
rgb(59,84,206) |
hsl(230,60%,52%) |
#3048c0 |
rgb(48,72,192) |
hsl(230,60%,47%) |
#2b40ab |
rgb(43,64,171) |
hsl(230,60%,42%) |
#263997 |
rgb(38,57,151) |
hsl(230,60%,37%) |
#213183 |
rgb(33,49,131) |
hsl(230,60%,32%) |
#1c296e |
rgb(28,41,110) |
hsl(230,60%,27%) |
#16225a |
rgb(22,34,90) |
hsl(230,60%,22%) |
#111a45 |
rgb(17,26,69) |
hsl(230,60%,17%) |
#0c1231 |
rgb(12,18,49) |
hsl(230,60%,12%) |
#070b1d |
rgb(7,11,29) |
hsl(230,60%,7%) |
#020308 |
rgb(2,3,8) |
hsl(230,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31ABC1 |
rgb(49,171,193) |
hsl(189,60%,47%) |
#314AC1 |
rgb(49,74,193) |
hsl(230,60%,47%) |
#7830C1 |
rgb(120,48,193) |
hsl(270,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#677AD8 |
rgb(103,122,216) |
hsl(230,59%,63%) |
#4861D0 |
rgb(72,97,208) |
hsl(229,59%,55%) |
#314AC1 |
rgb(49,74,193) |
hsl(230,60%,47%) |
#293DA2 |
rgb(41,61,162) |
hsl(230,60%,40%) |
#213383 |
rgb(33,51,131) |
hsl(229,60%,32%) |
#192664 |
rgb(25,38,100) |
hsl(230,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#314AC1 |
rgb(49,74,193) |
hsl(230,60%,47%) |
#C16131 |
rgb(193,97,49) |
hsl(20,60%,47%) |
#92C231 |
rgb(146,194,49) |
hsl(80,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314AC1 |
rgb(49,74,193) |
hsl(230,60%,47%) |
#C1A831 |
rgb(193,168,49) |
hsl(50,60%,47%) |
#3191C1 |
rgb(49,145,193) |
hsl(200,60%,47%) |
#92C231 |
rgb(146,194,49) |
hsl(80,60%,48%) |