HEX #1224F2 color — Blue
The color #1224F2 is a dark shade and highly saturated.
Palette
1224F2 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 |
| #12BAF2 |
rgb(18,186,242) |
hsl(195,90%,51%) |
| #1224F2 |
rgb(18,36,242) |
hsl(235,90%,51%) |
| #9512F2 |
rgb(149,18,242) |
hsl(275,90%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #606EF6 |
rgb(96,110,246) |
hsl(234,89%,67%) |
| #3947F4 |
rgb(57,71,244) |
hsl(236,89%,59%) |
| #1224F2 |
rgb(18,36,242) |
hsl(235,90%,51%) |
| #0B1CCF |
rgb(11,28,207) |
hsl(235,90%,43%) |
| #0917A7 |
rgb(9,23,167) |
hsl(235,90%,35%) |
| #071280 |
rgb(7,18,128) |
hsl(235,90%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #1224F2 |
rgb(18,36,242) |
hsl(235,90%,51%) |
| #F27012 |
rgb(242,112,18) |
hsl(25,90%,51%) |
| #94F212 |
rgb(148,242,18) |
hsl(85,90%,51%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #1224F2 |
rgb(18,36,242) |
hsl(235,90%,51%) |
| #F2E012 |
rgb(242,224,18) |
hsl(55,90%,51%) |
| #1294F2 |
rgb(18,148,242) |
hsl(205,90%,51%) |
| #94F212 |
rgb(148,242,18) |
hsl(85,90%,51%) |
