HEX #283F9A color — Sapphire
The color #283f9a is a dark shade and moderately saturated.
Palette
283f9a color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,59%,98%) |
#e3e7f8 |
rgb(227,231,248) |
hsl(228,59%,93%) |
#ced6f2 |
rgb(206,214,242) |
hsl(228,59%,88%) |
#bac4ed |
rgb(186,196,237) |
hsl(228,59%,83%) |
#a6b3e8 |
rgb(166,179,232) |
hsl(228,59%,78%) |
#92a2e3 |
rgb(146,162,227) |
hsl(228,59%,73%) |
#7d91de |
rgb(125,145,222) |
hsl(228,59%,68%) |
#697fd8 |
rgb(105,127,216) |
hsl(228,59%,63%) |
#556ed3 |
rgb(85,110,211) |
hsl(228,59%,58%) |
#405dce |
rgb(64,93,206) |
hsl(228,59%,53%) |
#324fc3 |
rgb(50,79,195) |
hsl(228,59%,48%) |
#2d47ae |
rgb(45,71,174) |
hsl(228,59%,43%) |
#283f9a |
rgb(40,63,154) |
hsl(228,59%,38%) |
#233686 |
rgb(35,54,134) |
hsl(228,59%,33%) |
#1d2e72 |
rgb(29,46,114) |
hsl(228,59%,28%) |
#18265d |
rgb(24,38,93) |
hsl(228,59%,23%) |
#131e49 |
rgb(19,30,73) |
hsl(228,59%,18%) |
#0e1535 |
rgb(14,21,53) |
hsl(228,59%,13%) |
#080d20 |
rgb(8,13,32) |
hsl(228,59%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#288C9A |
rgb(40,140,154) |
hsl(187,59%,38%) |
#283F9A |
rgb(40,63,154) |
hsl(228,59%,38%) |
#5D299A |
rgb(93,41,154) |
hsl(268,58%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E4AB2 |
rgb(46,74,178) |
hsl(227,59%,44%) |
#283F9A |
rgb(40,63,154) |
hsl(228,59%,38%) |
#213681 |
rgb(33,54,129) |
hsl(227,59%,32%) |
#1B2B68 |
rgb(27,43,104) |
hsl(228,59%,26%) |
#142150 |
rgb(20,33,80) |
hsl(227,60%,20%) |
#0E1737 |
rgb(14,23,55) |
hsl(227,59%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#283F9A |
rgb(40,63,154) |
hsl(228,59%,38%) |
#9A4A28 |
rgb(154,74,40) |
hsl(18,59%,38%) |
#789928 |
rgb(120,153,40) |
hsl(78,59%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#283F9A |
rgb(40,63,154) |
hsl(228,59%,38%) |
#9A8228 |
rgb(154,130,40) |
hsl(47,59%,38%) |
#28789A |
rgb(40,120,154) |
hsl(198,59%,38%) |
#789928 |
rgb(120,153,40) |
hsl(78,59%,38%) |