HEX #283D9E color — Sapphire
The color #283D9E is a dark shade and moderately saturated.
Palette
283D9E color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(229,60%,99%) |
#e7eaf9 |
rgb(231,234,249) |
hsl(229,60%,94%) |
#d2d8f4 |
rgb(210,216,244) |
hsl(229,60%,89%) |
#bec7ef |
rgb(190,199,239) |
hsl(229,60%,84%) |
#a9b5ea |
rgb(169,181,234) |
hsl(229,60%,79%) |
#95a4e4 |
rgb(149,164,228) |
hsl(229,60%,74%) |
#8192df |
rgb(129,146,223) |
hsl(229,60%,69%) |
#6c80da |
rgb(108,128,218) |
hsl(229,60%,64%) |
#586fd5 |
rgb(88,111,213) |
hsl(229,60%,59%) |
#435dd0 |
rgb(67,93,208) |
hsl(229,60%,54%) |
#324dc8 |
rgb(50,77,200) |
hsl(229,60%,49%) |
#2d46b4 |
rgb(45,70,180) |
hsl(229,60%,44%) |
#283e9f |
rgb(40,62,159) |
hsl(229,60%,39%) |
#23368b |
rgb(35,54,139) |
hsl(229,60%,34%) |
#1e2e76 |
rgb(30,46,118) |
hsl(229,60%,29%) |
#182662 |
rgb(24,38,98) |
hsl(229,60%,24%) |
#131e4e |
rgb(19,30,78) |
hsl(229,60%,19%) |
#0e1639 |
rgb(14,22,57) |
hsl(229,60%,14%) |
#090e25 |
rgb(9,14,37) |
hsl(229,60%,9%) |
#040610 |
rgb(4,6,16) |
hsl(229,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#288C9E |
rgb(40,140,158) |
hsl(189,60%,39%) |
#283D9E |
rgb(40,61,158) |
hsl(229,60%,39%) |
#61299E |
rgb(97,41,158) |
hsl(269,59%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E47B7 |
rgb(46,71,183) |
hsl(229,60%,45%) |
#283D9E |
rgb(40,61,158) |
hsl(229,60%,39%) |
#213384 |
rgb(33,51,132) |
hsl(229,60%,32%) |
#1B296B |
rgb(27,41,107) |
hsl(230,60%,26%) |
#141F52 |
rgb(20,31,82) |
hsl(229,61%,20%) |
#0E1738 |
rgb(14,23,56) |
hsl(227,60%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#283D9E |
rgb(40,61,158) |
hsl(229,60%,39%) |
#9E4F28 |
rgb(158,79,40) |
hsl(20,60%,39%) |
#789E28 |
rgb(120,158,40) |
hsl(79,60%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#283D9E |
rgb(40,61,158) |
hsl(229,60%,39%) |
#9E8A28 |
rgb(158,138,40) |
hsl(50,60%,39%) |
#28789E |
rgb(40,120,158) |
hsl(199,60%,39%) |
#789E28 |
rgb(120,158,40) |
hsl(79,60%,39%) |