HEX #294AA4 color — Sapphire
The color #294AA4 is a dark shade and moderately saturated.
Palette
294AA4 color palette from light to dark
HEX |
RGB |
HSL |
#ebeffa |
rgb(235,239,250) |
hsl(224,60%,95%) |
#d6def5 |
rgb(214,222,245) |
hsl(224,60%,90%) |
#c2cef0 |
rgb(194,206,240) |
hsl(224,60%,85%) |
#adbeeb |
rgb(173,190,235) |
hsl(224,60%,80%) |
#99ade6 |
rgb(153,173,230) |
hsl(224,60%,75%) |
#859de0 |
rgb(133,157,224) |
hsl(224,60%,70%) |
#708ddb |
rgb(112,141,219) |
hsl(224,60%,65%) |
#5c7cd6 |
rgb(92,124,214) |
hsl(224,60%,60%) |
#476cd1 |
rgb(71,108,209) |
hsl(224,60%,55%) |
#335ccc |
rgb(51,92,204) |
hsl(224,60%,50%) |
#2e53b8 |
rgb(46,83,184) |
hsl(224,60%,45%) |
#2949a3 |
rgb(41,73,163) |
hsl(224,60%,40%) |
#24408f |
rgb(36,64,143) |
hsl(224,60%,35%) |
#1f377a |
rgb(31,55,122) |
hsl(224,60%,30%) |
#1a2e66 |
rgb(26,46,102) |
hsl(224,60%,25%) |
#142552 |
rgb(20,37,82) |
hsl(224,60%,20%) |
#0f1c3d |
rgb(15,28,61) |
hsl(224,60%,15%) |
#0a1229 |
rgb(10,18,41) |
hsl(224,60%,10%) |
#050914 |
rgb(5,9,20) |
hsl(224,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#299CA4 |
rgb(41,156,164) |
hsl(184,60%,40%) |
#294AA4 |
rgb(41,74,164) |
hsl(224,60%,40%) |
#5A29A4 |
rgb(90,41,164) |
hsl(264,60%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3F66CF |
rgb(63,102,207) |
hsl(224,60%,53%) |
#2F57BE |
rgb(47,87,190) |
hsl(223,60%,46%) |
#294AA4 |
rgb(41,74,164) |
hsl(224,60%,40%) |
#223D89 |
rgb(34,61,137) |
hsl(224,60%,34%) |
#1B336F |
rgb(27,51,111) |
hsl(223,61%,27%) |
#152655 |
rgb(21,38,85) |
hsl(224,60%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#294AA4 |
rgb(41,74,164) |
hsl(224,60%,40%) |
#A44529 |
rgb(164,69,41) |
hsl(14,60%,40%) |
#87A329 |
rgb(135,163,41) |
hsl(74,60%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#294AA4 |
rgb(41,74,164) |
hsl(224,60%,40%) |
#A48229 |
rgb(164,130,41) |
hsl(43,60%,40%) |
#2987A4 |
rgb(41,135,164) |
hsl(194,60%,40%) |
#87A329 |
rgb(135,163,41) |
hsl(74,60%,40%) |