HEX #3145A2 color — Sapphire
The color #3145A2 is a dark shade and moderately saturated.
Palette
3145A2 color palette from light to dark
HEX |
RGB |
HSL |
#eff1fa |
rgb(239,241,250) |
hsl(229,54%,96%) |
#dce0f4 |
rgb(220,224,244) |
hsl(229,54%,91%) |
#c8cfef |
rgb(200,207,239) |
hsl(229,54%,86%) |
#b4bee9 |
rgb(180,190,233) |
hsl(229,54%,81%) |
#a1ade3 |
rgb(161,173,227) |
hsl(229,54%,76%) |
#8d9cdd |
rgb(141,156,221) |
hsl(229,54%,71%) |
#798bd7 |
rgb(121,139,215) |
hsl(229,54%,66%) |
#667ad1 |
rgb(102,122,209) |
hsl(229,54%,61%) |
#5268cb |
rgb(82,104,203) |
hsl(229,54%,56%) |
#3f57c6 |
rgb(63,87,198) |
hsl(229,54%,51%) |
#364db5 |
rgb(54,77,181) |
hsl(229,54%,46%) |
#3045a1 |
rgb(48,69,161) |
hsl(229,54%,41%) |
#2a3c8d |
rgb(42,60,141) |
hsl(229,54%,36%) |
#24347a |
rgb(36,52,122) |
hsl(229,54%,31%) |
#1e2c66 |
rgb(30,44,102) |
hsl(229,54%,26%) |
#192352 |
rgb(25,35,82) |
hsl(229,54%,21%) |
#131b3f |
rgb(19,27,63) |
hsl(229,54%,16%) |
#0d122b |
rgb(13,18,43) |
hsl(229,54%,11%) |
#070a18 |
rgb(7,10,24) |
hsl(229,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(229,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3191A2 |
rgb(49,145,162) |
hsl(189,54%,41%) |
#3145A2 |
rgb(49,69,162) |
hsl(229,54%,41%) |
#6830A2 |
rgb(104,48,162) |
hsl(269,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D63C9 |
rgb(77,99,201) |
hsl(229,53%,55%) |
#384FBB |
rgb(56,79,187) |
hsl(229,54%,48%) |
#3145A2 |
rgb(49,69,162) |
hsl(229,54%,41%) |
#293B88 |
rgb(41,59,136) |
hsl(229,54%,35%) |
#212E6E |
rgb(33,46,110) |
hsl(230,54%,28%) |
#192454 |
rgb(25,36,84) |
hsl(229,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3145A2 |
rgb(49,69,162) |
hsl(229,54%,41%) |
#A25731 |
rgb(162,87,49) |
hsl(20,54%,41%) |
#7DA331 |
rgb(125,163,49) |
hsl(80,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3145A2 |
rgb(49,69,162) |
hsl(229,54%,41%) |
#A28F31 |
rgb(162,143,49) |
hsl(50,54%,41%) |
#317DA2 |
rgb(49,125,162) |
hsl(200,54%,41%) |
#7DA331 |
rgb(125,163,49) |
hsl(80,54%,42%) |