HEX #3142A2 color — Sapphire
The color #3142A2 is a dark shade and moderately saturated.
Palette
3142A2 color palette from light to dark
HEX |
RGB |
HSL |
#eff1fa |
rgb(239,241,250) |
hsl(231,54%,96%) |
#dcdff4 |
rgb(220,223,244) |
hsl(231,54%,91%) |
#c8ceef |
rgb(200,206,239) |
hsl(231,54%,86%) |
#b4bce9 |
rgb(180,188,233) |
hsl(231,54%,81%) |
#a1abe3 |
rgb(161,171,227) |
hsl(231,54%,76%) |
#8d99dd |
rgb(141,153,221) |
hsl(231,54%,71%) |
#7988d7 |
rgb(121,136,215) |
hsl(231,54%,66%) |
#6676d1 |
rgb(102,118,209) |
hsl(231,54%,61%) |
#5264cb |
rgb(82,100,203) |
hsl(231,54%,56%) |
#3f53c6 |
rgb(63,83,198) |
hsl(231,54%,51%) |
#3649b5 |
rgb(54,73,181) |
hsl(231,54%,46%) |
#3041a1 |
rgb(48,65,161) |
hsl(231,54%,41%) |
#2a398d |
rgb(42,57,141) |
hsl(231,54%,36%) |
#24317a |
rgb(36,49,122) |
hsl(231,54%,31%) |
#1e2966 |
rgb(30,41,102) |
hsl(231,54%,26%) |
#192152 |
rgb(25,33,82) |
hsl(231,54%,21%) |
#13193f |
rgb(19,25,63) |
hsl(231,54%,16%) |
#0d112b |
rgb(13,17,43) |
hsl(231,54%,11%) |
#070a18 |
rgb(7,10,24) |
hsl(231,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(231,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#318CA2 |
rgb(49,140,162) |
hsl(192,54%,41%) |
#3142A2 |
rgb(49,66,162) |
hsl(231,54%,41%) |
#6B30A2 |
rgb(107,48,162) |
hsl(271,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D61C9 |
rgb(77,97,201) |
hsl(230,53%,55%) |
#384DBB |
rgb(56,77,187) |
hsl(230,54%,48%) |
#3142A2 |
rgb(49,66,162) |
hsl(231,54%,41%) |
#293888 |
rgb(41,56,136) |
hsl(231,54%,35%) |
#212E6E |
rgb(33,46,110) |
hsl(230,54%,28%) |
#192154 |
rgb(25,33,84) |
hsl(232,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3142A2 |
rgb(49,66,162) |
hsl(231,54%,41%) |
#A25931 |
rgb(162,89,49) |
hsl(21,54%,41%) |
#7AA331 |
rgb(122,163,49) |
hsl(82,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3142A2 |
rgb(49,66,162) |
hsl(231,54%,41%) |
#A29131 |
rgb(162,145,49) |
hsl(51,54%,41%) |
#317AA2 |
rgb(49,122,162) |
hsl(201,54%,41%) |
#7AA331 |
rgb(122,163,49) |
hsl(82,54%,42%) |