HEX #284A97 color — St Tropaz
The color #284A97 is a dark shade and moderately saturated.
Palette
284A97 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,58%,97%) |
#dfe6f6 |
rgb(223,230,246) |
hsl(222,58%,92%) |
#cbd6f1 |
rgb(203,214,241) |
hsl(222,58%,87%) |
#b6c6ec |
rgb(182,198,236) |
hsl(222,58%,82%) |
#a2b7e6 |
rgb(162,183,230) |
hsl(222,58%,77%) |
#8ea7e1 |
rgb(142,167,225) |
hsl(222,58%,72%) |
#7a97dc |
rgb(122,151,220) |
hsl(222,58%,67%) |
#6688d6 |
rgb(102,136,214) |
hsl(222,58%,62%) |
#5278d1 |
rgb(82,120,209) |
hsl(222,58%,57%) |
#3e68cc |
rgb(62,104,204) |
hsl(222,58%,52%) |
#325cbd |
rgb(50,92,189) |
hsl(222,58%,47%) |
#2d52a9 |
rgb(45,82,169) |
hsl(222,58%,42%) |
#284895 |
rgb(40,72,149) |
hsl(222,58%,37%) |
#223f81 |
rgb(34,63,129) |
hsl(222,58%,32%) |
#1d356d |
rgb(29,53,109) |
hsl(222,58%,27%) |
#182b59 |
rgb(24,43,89) |
hsl(222,58%,22%) |
#122144 |
rgb(18,33,68) |
hsl(222,58%,17%) |
#0d1830 |
rgb(13,24,48) |
hsl(222,58%,12%) |
#070e1c |
rgb(7,14,28) |
hsl(222,58%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#289497 |
rgb(40,148,151) |
hsl(182,58%,37%) |
#284A97 |
rgb(40,74,151) |
hsl(222,58%,37%) |
#502997 |
rgb(80,41,151) |
hsl(261,57%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E57AF |
rgb(46,87,175) |
hsl(221,58%,43%) |
#284A97 |
rgb(40,74,151) |
hsl(222,58%,37%) |
#213D7E |
rgb(33,61,126) |
hsl(222,58%,31%) |
#1B3366 |
rgb(27,51,102) |
hsl(221,58%,25%) |
#14264E |
rgb(20,38,78) |
hsl(221,59%,19%) |
#0E1A36 |
rgb(14,26,54) |
hsl(222,59%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#284A97 |
rgb(40,74,151) |
hsl(222,58%,37%) |
#973D28 |
rgb(151,61,40) |
hsl(11,58%,37%) |
#819628 |
rgb(129,150,40) |
hsl(71,58%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284A97 |
rgb(40,74,151) |
hsl(222,58%,37%) |
#977528 |
rgb(151,117,40) |
hsl(42,58%,37%) |
#288297 |
rgb(40,130,151) |
hsl(191,58%,37%) |
#819628 |
rgb(129,150,40) |
hsl(71,58%,37%) |