HEX #1224F3 color — Blue
The color #1224F3 is a dark shade and highly saturated.
Palette
1224F3 color palette from light to dark
HEX |
RGB |
HSL |
#ecedfe |
rgb(236,237,254) |
hsl(235,90%,96%) |
#d3d7fd |
rgb(211,215,253) |
hsl(235,90%,91%) |
#bbc1fb |
rgb(187,193,251) |
hsl(235,90%,86%) |
#a3aafa |
rgb(163,170,250) |
hsl(235,90%,81%) |
#8b94f9 |
rgb(139,148,249) |
hsl(235,90%,76%) |
#727ef8 |
rgb(114,126,248) |
hsl(235,90%,71%) |
#5a67f6 |
rgb(90,103,246) |
hsl(235,90%,66%) |
#4251f5 |
rgb(66,81,245) |
hsl(235,90%,61%) |
#2a3bf4 |
rgb(42,59,244) |
hsl(235,90%,56%) |
#1224f3 |
rgb(18,36,243) |
hsl(235,90%,51%) |
#0c1ddf |
rgb(12,29,223) |
hsl(235,90%,46%) |
#0a1ac7 |
rgb(10,26,199) |
hsl(235,90%,41%) |
#0917ae |
rgb(9,23,174) |
hsl(235,90%,36%) |
#081496 |
rgb(8,20,150) |
hsl(235,90%,31%) |
#07117e |
rgb(7,17,126) |
hsl(235,90%,26%) |
#050d66 |
rgb(5,13,102) |
hsl(235,90%,21%) |
#040a4e |
rgb(4,10,78) |
hsl(235,90%,16%) |
#030735 |
rgb(3,7,53) |
hsl(235,90%,11%) |
#02041d |
rgb(2,4,29) |
hsl(235,90%,6%) |
#000105 |
rgb(0,1,5) |
hsl(235,90%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#12BAF3 |
rgb(18,186,243) |
hsl(195,90%,51%) |
#1224F3 |
rgb(18,36,243) |
hsl(235,90%,51%) |
#9612F3 |
rgb(150,18,243) |
hsl(275,90%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#616EF7 |
rgb(97,110,247) |
hsl(235,90%,67%) |
#394AF5 |
rgb(57,74,245) |
hsl(235,90%,59%) |
#1224F3 |
rgb(18,36,243) |
hsl(235,90%,51%) |
#0A1AD0 |
rgb(10,26,208) |
hsl(235,91%,43%) |
#0814A8 |
rgb(8,20,168) |
hsl(236,91%,35%) |
#060F81 |
rgb(6,15,129) |
hsl(236,91%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#1224F3 |
rgb(18,36,243) |
hsl(235,90%,51%) |
#F37012 |
rgb(243,112,18) |
hsl(25,90%,51%) |
#94F212 |
rgb(148,242,18) |
hsl(85,90%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#1224F3 |
rgb(18,36,243) |
hsl(235,90%,51%) |
#F3E012 |
rgb(243,224,18) |
hsl(55,90%,51%) |
#1294F3 |
rgb(18,148,243) |
hsl(205,90%,51%) |
#94F212 |
rgb(148,242,18) |
hsl(85,90%,51%) |