HEX #314DC1 color — Cerulean Blue
The color #314DC1 is a dark shade and moderately saturated.
Palette
314DC1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(228,60%,97%) |
#dee3f7 |
rgb(222,227,247) |
hsl(228,60%,92%) |
#cad2f2 |
rgb(202,210,242) |
hsl(228,60%,87%) |
#b6c1ed |
rgb(182,193,237) |
hsl(228,60%,82%) |
#a1afe8 |
rgb(161,175,232) |
hsl(228,60%,77%) |
#8d9ee2 |
rgb(141,158,226) |
hsl(228,60%,72%) |
#788ddd |
rgb(120,141,221) |
hsl(228,60%,67%) |
#647bd8 |
rgb(100,123,216) |
hsl(228,60%,62%) |
#506ad3 |
rgb(80,106,211) |
hsl(228,60%,57%) |
#3b59ce |
rgb(59,89,206) |
hsl(228,60%,52%) |
#304dc0 |
rgb(48,77,192) |
hsl(228,60%,47%) |
#2b45ab |
rgb(43,69,171) |
hsl(228,60%,42%) |
#263c97 |
rgb(38,60,151) |
hsl(228,60%,37%) |
#213483 |
rgb(33,52,131) |
hsl(228,60%,32%) |
#1c2c6e |
rgb(28,44,110) |
hsl(228,60%,27%) |
#16245a |
rgb(22,36,90) |
hsl(228,60%,22%) |
#111c45 |
rgb(17,28,69) |
hsl(228,60%,17%) |
#0c1431 |
rgb(12,20,49) |
hsl(228,60%,12%) |
#070b1d |
rgb(7,11,29) |
hsl(228,60%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31ADC1 |
rgb(49,173,193) |
hsl(188,60%,47%) |
#314DC1 |
rgb(49,77,193) |
hsl(228,60%,47%) |
#7530C1 |
rgb(117,48,193) |
hsl(269,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#677DD8 |
rgb(103,125,216) |
hsl(228,59%,63%) |
#4863D0 |
rgb(72,99,208) |
hsl(228,59%,55%) |
#314DC1 |
rgb(49,77,193) |
hsl(228,60%,47%) |
#2940A2 |
rgb(41,64,162) |
hsl(229,60%,40%) |
#213683 |
rgb(33,54,131) |
hsl(227,60%,32%) |
#192964 |
rgb(25,41,100) |
hsl(227,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DC1 |
rgb(49,77,193) |
hsl(228,60%,47%) |
#C15C31 |
rgb(193,92,49) |
hsl(18,60%,47%) |
#95C231 |
rgb(149,194,49) |
hsl(79,60%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DC1 |
rgb(49,77,193) |
hsl(228,60%,47%) |
#C1A631 |
rgb(193,166,49) |
hsl(49,60%,47%) |
#3194C1 |
rgb(49,148,193) |
hsl(199,60%,47%) |
#95C231 |
rgb(149,194,49) |
hsl(79,60%,48%) |