HEX #374DA0 color — Sapphire
The color #374da0 is a dark shade and moderately saturated.
Palette
374da0 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(227,49%,97%) |
#e1e5f5 |
rgb(225,229,245) |
hsl(227,49%,92%) |
#ced5ee |
rgb(206,213,238) |
hsl(227,49%,87%) |
#bbc4e8 |
rgb(187,196,232) |
hsl(227,49%,82%) |
#a8b4e1 |
rgb(168,180,225) |
hsl(227,49%,77%) |
#95a4db |
rgb(149,164,219) |
hsl(227,49%,72%) |
#8293d4 |
rgb(130,147,212) |
hsl(227,49%,67%) |
#6f83ce |
rgb(111,131,206) |
hsl(227,49%,62%) |
#5c73c7 |
rgb(92,115,199) |
hsl(227,49%,57%) |
#4963c1 |
rgb(73,99,193) |
hsl(227,49%,52%) |
#3d57b3 |
rgb(61,87,179) |
hsl(227,49%,47%) |
#374da0 |
rgb(55,77,160) |
hsl(227,49%,42%) |
#30448d |
rgb(48,68,141) |
hsl(227,49%,37%) |
#2a3b7a |
rgb(42,59,122) |
hsl(227,49%,32%) |
#233267 |
rgb(35,50,103) |
hsl(227,49%,27%) |
#1d2954 |
rgb(29,41,84) |
hsl(227,49%,22%) |
#161f41 |
rgb(22,31,65) |
hsl(227,49%,17%) |
#10162e |
rgb(16,22,46) |
hsl(227,49%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(227,49%,7%) |
#030408 |
rgb(3,4,8) |
hsl(227,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3794A0 |
rgb(55,148,160) |
hsl(187,49%,42%) |
#374DA0 |
rgb(55,77,160) |
hsl(227,49%,42%) |
#6738A0 |
rgb(103,56,160) |
hsl(267,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%) |
#374DA0 |
rgb(55,77,160) |
hsl(227,49%,42%) |
#2E4086 |
rgb(46,64,134) |
hsl(228,49%,35%) |
#25366C |
rgb(37,54,108) |
hsl(226,49%,28%) |
#1C2953 |
rgb(28,41,83) |
hsl(226,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#374DA0 |
rgb(55,77,160) |
hsl(227,49%,42%) |
#A05737 |
rgb(160,87,55) |
hsl(18,49%,42%) |
#81A137 |
rgb(129,161,55) |
hsl(78,49%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#374DA0 |
rgb(55,77,160) |
hsl(227,49%,42%) |
#A08A37 |
rgb(160,138,55) |
hsl(47,49%,42%) |
#3782A0 |
rgb(55,130,160) |
hsl(197,49%,42%) |
#81A137 |
rgb(129,161,55) |
hsl(78,49%,42%) |