HEX #2C45A1 color — Sapphire
The color #2C45A1 is a dark shade and moderately saturated.
Palette
2C45A1 color palette from light to dark
HEX |
RGB |
HSL |
#ebeefa |
rgb(235,238,250) |
hsl(227,57%,95%) |
#d7ddf4 |
rgb(215,221,244) |
hsl(227,57%,90%) |
#c3ccef |
rgb(195,204,239) |
hsl(227,57%,85%) |
#afbce9 |
rgb(175,188,233) |
hsl(227,57%,80%) |
#9babe4 |
rgb(155,171,228) |
hsl(227,57%,75%) |
#879ade |
rgb(135,154,222) |
hsl(227,57%,70%) |
#7389d9 |
rgb(115,137,217) |
hsl(227,57%,65%) |
#5f78d3 |
rgb(95,120,211) |
hsl(227,57%,60%) |
#4b67ce |
rgb(75,103,206) |
hsl(227,57%,55%) |
#3756c8 |
rgb(55,86,200) |
hsl(227,57%,50%) |
#314eb4 |
rgb(49,78,180) |
hsl(227,57%,45%) |
#2c45a0 |
rgb(44,69,160) |
hsl(227,57%,40%) |
#263c8c |
rgb(38,60,140) |
hsl(227,57%,35%) |
#213478 |
rgb(33,52,120) |
hsl(227,57%,30%) |
#1b2b64 |
rgb(27,43,100) |
hsl(227,57%,25%) |
#162350 |
rgb(22,35,80) |
hsl(227,57%,20%) |
#101a3c |
rgb(16,26,60) |
hsl(227,57%,15%) |
#0b1128 |
rgb(11,17,40) |
hsl(227,57%,10%) |
#050914 |
rgb(5,9,20) |
hsl(227,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C94A1 |
rgb(44,148,161) |
hsl(187,57%,40%) |
#2C45A1 |
rgb(44,69,161) |
hsl(227,57%,40%) |
#612BA1 |
rgb(97,43,161) |
hsl(267,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4261CB |
rgb(66,97,203) |
hsl(226,57%,53%) |
#334FBA |
rgb(51,79,186) |
hsl(228,57%,46%) |
#2C45A1 |
rgb(44,69,161) |
hsl(227,57%,40%) |
#243B87 |
rgb(36,59,135) |
hsl(226,58%,34%) |
#1D2E6D |
rgb(29,46,109) |
hsl(227,58%,27%) |
#162453 |
rgb(22,36,83) |
hsl(226,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C45A1 |
rgb(44,69,161) |
hsl(227,57%,40%) |
#A14D2C |
rgb(161,77,44) |
hsl(17,57%,40%) |
#7FA12C |
rgb(127,161,44) |
hsl(77,57%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C45A1 |
rgb(44,69,161) |
hsl(227,57%,40%) |
#A1872C |
rgb(161,135,44) |
hsl(47,57%,40%) |
#2C80A1 |
rgb(44,128,161) |
hsl(197,57%,40%) |
#7FA12C |
rgb(127,161,44) |
hsl(77,57%,40%) |