HEX #3142A4 color — Sapphire
The color #3142A4 is a dark shade and moderately saturated.
Palette
3142A4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4fb |
rgb(243,244,251) |
hsl(231,54%,97%) |
#e0e3f6 |
rgb(224,227,246) |
hsl(231,54%,92%) |
#ccd1f0 |
rgb(204,209,240) |
hsl(231,54%,87%) |
#b8c0ea |
rgb(184,192,234) |
hsl(231,54%,82%) |
#a5aee4 |
rgb(165,174,228) |
hsl(231,54%,77%) |
#919dde |
rgb(145,157,222) |
hsl(231,54%,72%) |
#7d8bd8 |
rgb(125,139,216) |
hsl(231,54%,67%) |
#6a79d2 |
rgb(106,121,210) |
hsl(231,54%,62%) |
#5668cd |
rgb(86,104,205) |
hsl(231,54%,57%) |
#4356c7 |
rgb(67,86,199) |
hsl(231,54%,52%) |
#374bb9 |
rgb(55,75,185) |
hsl(231,54%,47%) |
#3143a5 |
rgb(49,67,165) |
hsl(231,54%,42%) |
#2b3b91 |
rgb(43,59,145) |
hsl(231,54%,37%) |
#26337e |
rgb(38,51,126) |
hsl(231,54%,32%) |
#202b6a |
rgb(32,43,106) |
hsl(231,54%,27%) |
#1a2356 |
rgb(26,35,86) |
hsl(231,54%,22%) |
#141b43 |
rgb(20,27,67) |
hsl(231,54%,17%) |
#0e132f |
rgb(14,19,47) |
hsl(231,54%,12%) |
#080b1b |
rgb(8,11,27) |
hsl(231,54%,7%) |
#020308 |
rgb(2,3,8) |
hsl(231,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#318FA4 |
rgb(49,143,164) |
hsl(191,54%,42%) |
#3142A4 |
rgb(49,66,164) |
hsl(231,54%,42%) |
#6C30A4 |
rgb(108,48,164) |
hsl(271,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E61CA |
rgb(78,97,202) |
hsl(231,54%,55%) |
#384DBE |
rgb(56,77,190) |
hsl(231,54%,48%) |
#3142A4 |
rgb(49,66,164) |
hsl(231,54%,42%) |
#293889 |
rgb(41,56,137) |
hsl(231,54%,35%) |
#212E6F |
rgb(33,46,111) |
hsl(230,54%,28%) |
#192155 |
rgb(25,33,85) |
hsl(232,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3142A4 |
rgb(49,66,164) |
hsl(231,54%,42%) |
#A45931 |
rgb(164,89,49) |
hsl(21,54%,42%) |
#7BA331 |
rgb(123,163,49) |
hsl(81,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3142A4 |
rgb(49,66,164) |
hsl(231,54%,42%) |
#A49431 |
rgb(164,148,49) |
hsl(52,54%,42%) |
#317AA4 |
rgb(49,122,164) |
hsl(202,54%,42%) |
#7BA331 |
rgb(123,163,49) |
hsl(81,54%,42%) |