HEX #3C45A8 color — Sapphire
The color #3C45A8 is a dark shade and moderately saturated.
Palette
3C45A8 color palette from light to dark
HEX |
RGB |
HSL |
#ecedf8 |
rgb(236,237,248) |
hsl(235,47%,95%) |
#dadcf1 |
rgb(218,220,241) |
hsl(235,47%,90%) |
#c7caeb |
rgb(199,202,235) |
hsl(235,47%,85%) |
#b4b8e4 |
rgb(180,184,228) |
hsl(235,47%,80%) |
#a1a6dd |
rgb(161,166,221) |
hsl(235,47%,75%) |
#8f95d6 |
rgb(143,149,214) |
hsl(235,47%,70%) |
#7c83d0 |
rgb(124,131,208) |
hsl(235,47%,65%) |
#6971c9 |
rgb(105,113,201) |
hsl(235,47%,60%) |
#565fc2 |
rgb(86,95,194) |
hsl(235,47%,55%) |
#444ebb |
rgb(68,78,187) |
hsl(235,47%,50%) |
#3d46a9 |
rgb(61,70,169) |
hsl(235,47%,45%) |
#363e96 |
rgb(54,62,150) |
hsl(235,47%,40%) |
#2f3683 |
rgb(47,54,131) |
hsl(235,47%,35%) |
#292f70 |
rgb(41,47,112) |
hsl(235,47%,30%) |
#22275e |
rgb(34,39,94) |
hsl(235,47%,25%) |
#1b1f4b |
rgb(27,31,75) |
hsl(235,47%,20%) |
#141738 |
rgb(20,23,56) |
hsl(235,47%,15%) |
#0e1025 |
rgb(14,16,37) |
hsl(235,47%,10%) |
#070813 |
rgb(7,8,19) |
hsl(235,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3C8CA8 |
rgb(60,140,168) |
hsl(196,47%,45%) |
#3C45A8 |
rgb(60,69,168) |
hsl(235,47%,45%) |
#7B3DA8 |
rgb(123,61,168) |
hsl(275,47%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#646EC7 |
rgb(100,110,199) |
hsl(234,47%,59%) |
#4A54BE |
rgb(74,84,190) |
hsl(235,47%,52%) |
#3C45A8 |
rgb(60,69,168) |
hsl(235,47%,45%) |
#323B8D |
rgb(50,59,141) |
hsl(234,48%,37%) |
#282E72 |
rgb(40,46,114) |
hsl(235,48%,30%) |
#1F2457 |
rgb(31,36,87) |
hsl(235,47%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C45A8 |
rgb(60,69,168) |
hsl(235,47%,45%) |
#A8693C |
rgb(168,105,60) |
hsl(25,47%,45%) |
#7BA83C |
rgb(123,168,60) |
hsl(85,47%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C45A8 |
rgb(60,69,168) |
hsl(235,47%,45%) |
#A89E3C |
rgb(168,158,60) |
hsl(54,47%,45%) |
#3C7AA8 |
rgb(60,122,168) |
hsl(206,47%,45%) |
#7BA83C |
rgb(123,168,60) |
hsl(85,47%,45%) |