HEX #1224FF color — Blue
The color #1224FF is a dark shade and highly saturated.
Palette
1224FF color palette from light to dark
HEX |
RGB |
HSL |
#fafaff |
rgb(250,250,255) |
hsl(235,100%,99%) |
#e0e3ff |
rgb(224,227,255) |
hsl(235,100%,94%) |
#c7ccff |
rgb(199,204,255) |
hsl(235,100%,89%) |
#adb4ff |
rgb(173,180,255) |
hsl(235,100%,84%) |
#949dff |
rgb(148,157,255) |
hsl(235,100%,79%) |
#7a85ff |
rgb(122,133,255) |
hsl(235,100%,74%) |
#616eff |
rgb(97,110,255) |
hsl(235,100%,69%) |
#4757ff |
rgb(71,87,255) |
hsl(235,100%,64%) |
#2e3fff |
rgb(46,63,255) |
hsl(235,100%,59%) |
#1428ff |
rgb(20,40,255) |
hsl(235,100%,54%) |
#0015fa |
rgb(0,21,250) |
hsl(235,100%,49%) |
#0013e0 |
rgb(0,19,224) |
hsl(235,100%,44%) |
#0011c7 |
rgb(0,17,199) |
hsl(235,100%,39%) |
#000ead |
rgb(0,14,173) |
hsl(235,100%,34%) |
#000c94 |
rgb(0,12,148) |
hsl(235,100%,29%) |
#000a7a |
rgb(0,10,122) |
hsl(235,100%,24%) |
#000861 |
rgb(0,8,97) |
hsl(235,100%,19%) |
#000647 |
rgb(0,6,71) |
hsl(235,100%,14%) |
#00042e |
rgb(0,4,46) |
hsl(235,100%,9%) |
#000214 |
rgb(0,2,20) |
hsl(235,100%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#12C2FF |
rgb(18,194,255) |
hsl(195,100%,54%) |
#1224FF |
rgb(18,36,255) |
hsl(235,100%,54%) |
#9E12FF |
rgb(158,18,255) |
hsl(275,100%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6975FF |
rgb(105,117,255) |
hsl(235,100%,71%) |
#3D4DFF |
rgb(61,77,255) |
hsl(235,100%,62%) |
#1224FF |
rgb(18,36,255) |
hsl(235,100%,54%) |
#0012E5 |
rgb(0,18,229) |
hsl(235,100%,45%) |
#000FB9 |
rgb(0,15,185) |
hsl(235,100%,36%) |
#000A8D |
rgb(0,10,141) |
hsl(236,100%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#1224FF |
rgb(18,36,255) |
hsl(235,100%,54%) |
#FF7512 |
rgb(255,117,18) |
hsl(25,100%,54%) |
#9AFF12 |
rgb(154,255,18) |
hsl(86,100%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#1224FF |
rgb(18,36,255) |
hsl(235,100%,54%) |
#FFED12 |
rgb(255,237,18) |
hsl(55,100%,54%) |
#129CFF |
rgb(18,156,255) |
hsl(205,100%,54%) |
#9AFF12 |
rgb(154,255,18) |
hsl(86,100%,54%) |