HEX #3C57B2 color — Azure
The color #3C57B2 is a dark shade and moderately saturated.
Palette
3C57B2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(226,50%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(226,50%,92%) |
#cdd5ee |
rgb(205,213,238) |
hsl(226,50%,87%) |
#bac5e8 |
rgb(186,197,232) |
hsl(226,50%,82%) |
#a7b5e2 |
rgb(167,181,226) |
hsl(226,50%,77%) |
#94a5db |
rgb(148,165,219) |
hsl(226,50%,72%) |
#8194d5 |
rgb(129,148,213) |
hsl(226,50%,67%) |
#6e84cf |
rgb(110,132,207) |
hsl(226,50%,62%) |
#5b74c8 |
rgb(91,116,200) |
hsl(226,50%,57%) |
#4764c2 |
rgb(71,100,194) |
hsl(226,50%,52%) |
#3c58b4 |
rgb(60,88,180) |
hsl(226,50%,47%) |
#364fa1 |
rgb(54,79,161) |
hsl(226,50%,42%) |
#2f458e |
rgb(47,69,142) |
hsl(226,50%,37%) |
#293c7a |
rgb(41,60,122) |
hsl(226,50%,32%) |
#223267 |
rgb(34,50,103) |
hsl(226,50%,27%) |
#1c2954 |
rgb(28,41,84) |
hsl(226,50%,22%) |
#162041 |
rgb(22,32,65) |
hsl(226,50%,17%) |
#0f162e |
rgb(15,22,46) |
hsl(226,50%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(226,50%,7%) |
#030408 |
rgb(3,4,8) |
hsl(226,50%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CA6B2 |
rgb(60,166,178) |
hsl(186,50%,47%) |
#3C57B2 |
rgb(60,87,178) |
hsl(226,50%,47%) |
#6F3DB2 |
rgb(111,61,178) |
hsl(266,49%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C82CD |
rgb(108,130,205) |
hsl(226,49%,61%) |
#506BC4 |
rgb(80,107,196) |
hsl(226,50%,54%) |
#3C57B2 |
rgb(60,87,178) |
hsl(226,50%,47%) |
#324A95 |
rgb(50,74,149) |
hsl(225,50%,39%) |
#283B79 |
rgb(40,59,121) |
hsl(226,50%,32%) |
#1F2E5C |
rgb(31,46,92) |
hsl(225,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C57B2 |
rgb(60,87,178) |
hsl(226,50%,47%) |
#B25C3C |
rgb(178,92,60) |
hsl(16,50%,47%) |
#92B33C |
rgb(146,179,60) |
hsl(77,50%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C57B2 |
rgb(60,87,178) |
hsl(226,50%,47%) |
#B2963C |
rgb(178,150,60) |
hsl(46,50%,47%) |
#3C91B2 |
rgb(60,145,178) |
hsl(197,50%,47%) |
#92B33C |
rgb(146,179,60) |
hsl(77,50%,47%) |