HEX #283F95 color — Sapphire

The color #283f95 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

283f95 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
#288795 rgb(40,135,149) hsl(188,58%,37%)
#283F95 rgb(40,63,149) hsl(227,58%,37%)
#592995 rgb(89,41,149) hsl(267,57%,37%)

Monochromatic colors

HEX RGB HSL
#2E4AAC rgb(46,74,172) hsl(227,58%,43%)
#283F95 rgb(40,63,149) hsl(227,58%,37%)
#21367D rgb(33,54,125) hsl(226,58%,31%)
#1B2B65 rgb(27,43,101) hsl(227,58%,25%)
#14214D rgb(20,33,77) hsl(226,59%,19%)
#0E1735 rgb(14,23,53) hsl(226,58%,13%)

Triad color palettes

HEX RGB HSL
#283F95 rgb(40,63,149) hsl(227,58%,37%)
#954728 rgb(149,71,40) hsl(17,58%,37%)
#759428 rgb(117,148,40) hsl(77,57%,37%)

Tetrad color palettes

HEX RGB HSL
#283F95 rgb(40,63,149) hsl(227,58%,37%)
#957D28 rgb(149,125,40) hsl(47,58%,37%)
#287595 rgb(40,117,149) hsl(198,58%,37%)
#759428 rgb(117,148,40) hsl(77,57%,37%)