HEX #3C45AA color — Sapphire
The color #3C45AA is a dark shade and moderately saturated.
Palette
3C45AA color palette from light to dark
HEX |
RGB |
HSL |
#ecedf8 |
rgb(236,237,248) |
hsl(235,48%,95%) |
#d9dbf2 |
rgb(217,219,242) |
hsl(235,48%,90%) |
#c6c9eb |
rgb(198,201,235) |
hsl(235,48%,85%) |
#b4b8e4 |
rgb(180,184,228) |
hsl(235,48%,80%) |
#a1a6de |
rgb(161,166,222) |
hsl(235,48%,75%) |
#8e94d7 |
rgb(142,148,215) |
hsl(235,48%,70%) |
#7b82d1 |
rgb(123,130,209) |
hsl(235,48%,65%) |
#6870ca |
rgb(104,112,202) |
hsl(235,48%,60%) |
#555ec3 |
rgb(85,94,195) |
hsl(235,48%,55%) |
#424dbd |
rgb(66,77,189) |
hsl(235,48%,50%) |
#3c45aa |
rgb(60,69,170) |
hsl(235,48%,45%) |
#353d97 |
rgb(53,61,151) |
hsl(235,48%,40%) |
#2e3684 |
rgb(46,54,132) |
hsl(235,48%,35%) |
#282e71 |
rgb(40,46,113) |
hsl(235,48%,30%) |
#21265e |
rgb(33,38,94) |
hsl(235,48%,25%) |
#1b1f4b |
rgb(27,31,75) |
hsl(235,48%,20%) |
#141739 |
rgb(20,23,57) |
hsl(235,48%,15%) |
#0d0f26 |
rgb(13,15,38) |
hsl(235,48%,10%) |
#070813 |
rgb(7,8,19) |
hsl(235,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3C8FAA |
rgb(60,143,170) |
hsl(195,48%,45%) |
#3C45AA |
rgb(60,69,170) |
hsl(235,48%,45%) |
#7C3DAA |
rgb(124,61,170) |
hsl(275,47%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#666EC9 |
rgb(102,110,201) |
hsl(235,48%,59%) |
#4B54BF |
rgb(75,84,191) |
hsl(235,48%,52%) |
#3C45AA |
rgb(60,69,170) |
hsl(235,48%,45%) |
#323B8E |
rgb(50,59,142) |
hsl(234,48%,38%) |
#282E73 |
rgb(40,46,115) |
hsl(235,48%,30%) |
#1F2458 |
rgb(31,36,88) |
hsl(235,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C45AA |
rgb(60,69,170) |
hsl(235,48%,45%) |
#AA6B3C |
rgb(170,107,60) |
hsl(26,48%,45%) |
#7CAB3C |
rgb(124,171,60) |
hsl(85,48%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C45AA |
rgb(60,69,170) |
hsl(235,48%,45%) |
#AAA13C |
rgb(170,161,60) |
hsl(55,48%,45%) |
#3C7DAA |
rgb(60,125,170) |
hsl(205,48%,45%) |
#7CAB3C |
rgb(124,171,60) |
hsl(85,48%,45%) |