HEX #284296 color — Sapphire
The color #284296 is a dark shade and moderately saturated.
Palette
284296 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,58%,97%) |
#dfe4f6 |
rgb(223,228,246) |
hsl(226,58%,92%) |
#cbd4f1 |
rgb(203,212,241) |
hsl(226,58%,87%) |
#b6c3ec |
rgb(182,195,236) |
hsl(226,58%,82%) |
#a2b2e6 |
rgb(162,178,230) |
hsl(226,58%,77%) |
#8ea2e1 |
rgb(142,162,225) |
hsl(226,58%,72%) |
#7a91dc |
rgb(122,145,220) |
hsl(226,58%,67%) |
#6680d6 |
rgb(102,128,214) |
hsl(226,58%,62%) |
#526fd1 |
rgb(82,111,209) |
hsl(226,58%,57%) |
#3e5fcc |
rgb(62,95,204) |
hsl(226,58%,52%) |
#3253bd |
rgb(50,83,189) |
hsl(226,58%,47%) |
#2d4aa9 |
rgb(45,74,169) |
hsl(226,58%,42%) |
#284195 |
rgb(40,65,149) |
hsl(226,58%,37%) |
#223881 |
rgb(34,56,129) |
hsl(226,58%,32%) |
#1d306d |
rgb(29,48,109) |
hsl(226,58%,27%) |
#182759 |
rgb(24,39,89) |
hsl(226,58%,22%) |
#121e44 |
rgb(18,30,68) |
hsl(226,58%,17%) |
#0d1530 |
rgb(13,21,48) |
hsl(226,58%,12%) |
#070c1c |
rgb(7,12,28) |
hsl(226,58%,7%) |
#020408 |
rgb(2,4,8) |
hsl(226,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#288C96 |
rgb(40,140,150) |
hsl(185,58%,37%) |
#284296 |
rgb(40,66,150) |
hsl(226,58%,37%) |
#572996 |
rgb(87,41,150) |
hsl(265,57%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E4DAE |
rgb(46,77,174) |
hsl(225,58%,43%) |
#284296 |
rgb(40,66,150) |
hsl(226,58%,37%) |
#21387E |
rgb(33,56,126) |
hsl(225,58%,31%) |
#1B2E66 |
rgb(27,46,102) |
hsl(225,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 |
#284296 |
rgb(40,66,150) |
hsl(226,58%,37%) |
#964528 |
rgb(150,69,40) |
hsl(16,58%,37%) |
#799628 |
rgb(121,150,40) |
hsl(76,58%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284296 |
rgb(40,66,150) |
hsl(226,58%,37%) |
#967D28 |
rgb(150,125,40) |
hsl(46,58%,37%) |
#287896 |
rgb(40,120,150) |
hsl(196,58%,37%) |
#799628 |
rgb(121,150,40) |
hsl(76,58%,37%) |