HEX #283D97 color — Sapphire
The color #283D97 is a dark shade and moderately saturated.
Palette
283D97 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(229,58%,97%) |
#dfe3f6 |
rgb(223,227,246) |
hsl(229,58%,92%) |
#cbd2f1 |
rgb(203,210,241) |
hsl(229,58%,87%) |
#b6c0ec |
rgb(182,192,236) |
hsl(229,58%,82%) |
#a2afe6 |
rgb(162,175,230) |
hsl(229,58%,77%) |
#8e9de1 |
rgb(142,157,225) |
hsl(229,58%,72%) |
#7a8cdc |
rgb(122,140,220) |
hsl(229,58%,67%) |
#667bd6 |
rgb(102,123,214) |
hsl(229,58%,62%) |
#5269d1 |
rgb(82,105,209) |
hsl(229,58%,57%) |
#3e58cc |
rgb(62,88,204) |
hsl(229,58%,52%) |
#324cbd |
rgb(50,76,189) |
hsl(229,58%,47%) |
#2d44a9 |
rgb(45,68,169) |
hsl(229,58%,42%) |
#283c95 |
rgb(40,60,149) |
hsl(229,58%,37%) |
#223481 |
rgb(34,52,129) |
hsl(229,58%,32%) |
#1d2c6d |
rgb(29,44,109) |
hsl(229,58%,27%) |
#182359 |
rgb(24,35,89) |
hsl(229,58%,22%) |
#121b44 |
rgb(18,27,68) |
hsl(229,58%,17%) |
#0d1330 |
rgb(13,19,48) |
hsl(229,58%,12%) |
#070b1c |
rgb(7,11,28) |
hsl(229,58%,7%) |
#020308 |
rgb(2,3,8) |
hsl(229,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#288797 |
rgb(40,135,151) |
hsl(189,58%,37%) |
#283D97 |
rgb(40,61,151) |
hsl(229,58%,37%) |
#5D2997 |
rgb(93,41,151) |
hsl(268,57%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E47AF |
rgb(46,71,175) |
hsl(228,58%,43%) |
#283D97 |
rgb(40,61,151) |
hsl(229,58%,37%) |
#21337E |
rgb(33,51,126) |
hsl(228,58%,31%) |
#1B2966 |
rgb(27,41,102) |
hsl(229,58%,25%) |
#141F4E |
rgb(20,31,78) |
hsl(229,59%,19%) |
#0E1736 |
rgb(14,23,54) |
hsl(227,59%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#283D97 |
rgb(40,61,151) |
hsl(229,58%,37%) |
#974A28 |
rgb(151,74,40) |
hsl(18,58%,37%) |
#749628 |
rgb(116,150,40) |
hsl(79,58%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#283D97 |
rgb(40,61,151) |
hsl(229,58%,37%) |
#978228 |
rgb(151,130,40) |
hsl(49,58%,37%) |
#287597 |
rgb(40,117,151) |
hsl(198,58%,37%) |
#749628 |
rgb(116,150,40) |
hsl(79,58%,37%) |