HEX #284097 color — Sapphire

The color #284097 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

284097 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(227,58%,97%)
#dfe4f6 rgb(223,228,246) hsl(227,58%,92%)
#cbd3f1 rgb(203,211,241) hsl(227,58%,87%)
#b6c2ec rgb(182,194,236) hsl(227,58%,82%)
#a2b1e6 rgb(162,177,230) hsl(227,58%,77%)
#8ea0e1 rgb(142,160,225) hsl(227,58%,72%)
#7a8fdc rgb(122,143,220) hsl(227,58%,67%)
#667ed6 rgb(102,126,214) hsl(227,58%,62%)
#526dd1 rgb(82,109,209) hsl(227,58%,57%)
#3e5ccc rgb(62,92,204) hsl(227,58%,52%)
#3250bd rgb(50,80,189) hsl(227,58%,47%)
#2d48a9 rgb(45,72,169) hsl(227,58%,42%)
#283f95 rgb(40,63,149) hsl(227,58%,37%)
#223781 rgb(34,55,129) hsl(227,58%,32%)
#1d2e6d rgb(29,46,109) hsl(227,58%,27%)
#182659 rgb(24,38,89) hsl(227,58%,22%)
#121d44 rgb(18,29,68) hsl(227,58%,17%)
#0d1530 rgb(13,21,48) hsl(227,58%,12%)
#070c1c rgb(7,12,28) hsl(227,58%,7%)
#020308 rgb(2,3,8) hsl(227,58%,2%)

Adjacent colors

HEX RGB HSL
#288A97 rgb(40,138,151) hsl(187,58%,37%)
#284097 rgb(40,64,151) hsl(227,58%,37%)
#5A2997 rgb(90,41,151) hsl(267,57%,38%)

Monochromatic colors

HEX RGB HSL
#2E4AAF rgb(46,74,175) hsl(227,58%,43%)
#284097 rgb(40,64,151) hsl(227,58%,37%)
#21367E rgb(33,54,126) hsl(226,58%,31%)
#1B2B66 rgb(27,43,102) hsl(227,58%,25%)
#14214E rgb(20,33,78) hsl(227,59%,19%)
#0E1736 rgb(14,23,54) hsl(227,59%,13%)

Triad color palettes

HEX RGB HSL
#284097 rgb(40,64,151) hsl(227,58%,37%)
#974728 rgb(151,71,40) hsl(17,58%,37%)
#779628 rgb(119,150,40) hsl(77,58%,37%)

Tetrad color palettes

HEX RGB HSL
#284097 rgb(40,64,151) hsl(227,58%,37%)
#978028 rgb(151,128,40) hsl(48,58%,37%)
#287897 rgb(40,120,151) hsl(197,58%,37%)
#779628 rgb(119,150,40) hsl(77,58%,37%)