HEX #354A9C color — Sapphire
The color #354a9c is a dark shade and moderately saturated.
Palette
354a9c color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(228,49%,96%) |
#dde1f3 |
rgb(221,225,243) |
hsl(228,49%,91%) |
#cad1ed |
rgb(202,209,237) |
hsl(228,49%,86%) |
#b7c0e6 |
rgb(183,192,230) |
hsl(228,49%,81%) |
#a4b0e0 |
rgb(164,176,224) |
hsl(228,49%,76%) |
#919fd9 |
rgb(145,159,217) |
hsl(228,49%,71%) |
#7e8fd3 |
rgb(126,143,211) |
hsl(228,49%,66%) |
#6b7ecc |
rgb(107,126,204) |
hsl(228,49%,61%) |
#586ec6 |
rgb(88,110,198) |
hsl(228,49%,56%) |
#455dbf |
rgb(69,93,191) |
hsl(228,49%,51%) |
#3c53af |
rgb(60,83,175) |
hsl(228,49%,46%) |
#354a9c |
rgb(53,74,156) |
hsl(228,49%,41%) |
#2f4189 |
rgb(47,65,137) |
hsl(228,49%,36%) |
#283876 |
rgb(40,56,118) |
hsl(228,49%,31%) |
#222f63 |
rgb(34,47,99) |
hsl(228,49%,26%) |
#1b2650 |
rgb(27,38,80) |
hsl(228,49%,21%) |
#151d3d |
rgb(21,29,61) |
hsl(228,49%,16%) |
#0e142a |
rgb(14,20,42) |
hsl(228,49%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(228,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(228,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#358F9C |
rgb(53,143,156) |
hsl(188,49%,41%) |
#354A9C |
rgb(53,74,156) |
hsl(228,49%,41%) |
#64369C |
rgb(100,54,156) |
hsl(267,49%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5069C3 |
rgb(80,105,195) |
hsl(227,49%,54%) |
#3D57B4 |
rgb(61,87,180) |
hsl(227,49%,47%) |
#354A9C |
rgb(53,74,156) |
hsl(228,49%,41%) |
#2C3D83 |
rgb(44,61,131) |
hsl(228,50%,34%) |
#24336A |
rgb(36,51,106) |
hsl(227,49%,28%) |
#1B2651 |
rgb(27,38,81) |
hsl(228,50%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#354A9C |
rgb(53,74,156) |
hsl(228,49%,41%) |
#9C5435 |
rgb(156,84,53) |
hsl(18,49%,41%) |
#7D9C35 |
rgb(125,156,53) |
hsl(78,49%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#354A9C |
rgb(53,74,156) |
hsl(228,49%,41%) |
#9C8735 |
rgb(156,135,53) |
hsl(48,49%,41%) |
#357D9C |
rgb(53,125,156) |
hsl(198,49%,41%) |
#7D9C35 |
rgb(125,156,53) |
hsl(78,49%,41%) |