HEX #3C45A9 color — Sapphire
The color #3C45A9 is a dark shade and moderately saturated.
Palette
3C45A9 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 |
| #3C8FA9 |
rgb(60,143,169) |
hsl(194,48%,45%) |
| #3C45A9 |
rgb(60,69,169) |
hsl(235,48%,45%) |
| #7B3DA9 |
rgb(123,61,169) |
hsl(274,47%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #656EC8 |
rgb(101,110,200) |
hsl(235,47%,59%) |
| #4A54BE |
rgb(74,84,190) |
hsl(235,47%,52%) |
| #3C45A9 |
rgb(60,69,169) |
hsl(235,48%,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 |
| #3C45A9 |
rgb(60,69,169) |
hsl(235,48%,45%) |
| #A9693C |
rgb(169,105,60) |
hsl(25,48%,45%) |
| #7BA83C |
rgb(123,168,60) |
hsl(85,47%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3C45A9 |
rgb(60,69,169) |
hsl(235,48%,45%) |
| #A9A13C |
rgb(169,161,60) |
hsl(56,48%,45%) |
| #3C7AA9 |
rgb(60,122,169) |
hsl(206,48%,45%) |
| #7BA83C |
rgb(123,168,60) |
hsl(85,47%,45%) |
