HEX #374CA0 color — Sapphire
The color #374ca0 is a dark shade and moderately saturated.
Palette
374ca0 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(228,49%,97%) |
#e1e5f5 |
rgb(225,229,245) |
hsl(228,49%,92%) |
#ced4ee |
rgb(206,212,238) |
hsl(228,49%,87%) |
#bbc4e8 |
rgb(187,196,232) |
hsl(228,49%,82%) |
#a8b3e1 |
rgb(168,179,225) |
hsl(228,49%,77%) |
#95a3db |
rgb(149,163,219) |
hsl(228,49%,72%) |
#8292d4 |
rgb(130,146,212) |
hsl(228,49%,67%) |
#6f82ce |
rgb(111,130,206) |
hsl(228,49%,62%) |
#5c71c7 |
rgb(92,113,199) |
hsl(228,49%,57%) |
#4961c1 |
rgb(73,97,193) |
hsl(228,49%,52%) |
#3d55b3 |
rgb(61,85,179) |
hsl(228,49%,47%) |
#374ca0 |
rgb(55,76,160) |
hsl(228,49%,42%) |
#30438d |
rgb(48,67,141) |
hsl(228,49%,37%) |
#2a3a7a |
rgb(42,58,122) |
hsl(228,49%,32%) |
#233167 |
rgb(35,49,103) |
hsl(228,49%,27%) |
#1d2854 |
rgb(29,40,84) |
hsl(228,49%,22%) |
#161f41 |
rgb(22,31,65) |
hsl(228,49%,17%) |
#10162e |
rgb(16,22,46) |
hsl(228,49%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(228,49%,7%) |
#030408 |
rgb(3,4,8) |
hsl(228,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3791A0 |
rgb(55,145,160) |
hsl(189,49%,42%) |
#374CA0 |
rgb(55,76,160) |
hsl(228,49%,42%) |
#6838A0 |
rgb(104,56,160) |
hsl(268,48%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#566EC5 |
rgb(86,110,197) |
hsl(227,49%,55%) |
#3F59B9 |
rgb(63,89,185) |
hsl(227,49%,49%) |
#374CA0 |
rgb(55,76,160) |
hsl(228,49%,42%) |
#2E4086 |
rgb(46,64,134) |
hsl(228,49%,35%) |
#25336C |
rgb(37,51,108) |
hsl(228,49%,28%) |
#1C2653 |
rgb(28,38,83) |
hsl(229,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#374CA0 |
rgb(55,76,160) |
hsl(228,49%,42%) |
#A05737 |
rgb(160,87,55) |
hsl(18,49%,42%) |
#80A137 |
rgb(128,161,55) |
hsl(79,49%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#374CA0 |
rgb(55,76,160) |
hsl(228,49%,42%) |
#A08C37 |
rgb(160,140,55) |
hsl(49,49%,42%) |
#3780A0 |
rgb(55,128,160) |
hsl(198,49%,42%) |
#80A137 |
rgb(128,161,55) |
hsl(79,49%,42%) |