HEX #1224F4 color — Blue
The color #1224F4 is a dark shade and highly saturated.
Palette
1224F4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecedfe |
rgb(236,237,254) |
hsl(235,91%,96%) |
| #d3d7fd |
rgb(211,215,253) |
hsl(235,91%,91%) |
| #bbc0fc |
rgb(187,192,252) |
hsl(235,91%,86%) |
| #a2aafb |
rgb(162,170,251) |
hsl(235,91%,81%) |
| #8a93f9 |
rgb(138,147,249) |
hsl(235,91%,76%) |
| #727df8 |
rgb(114,125,248) |
hsl(235,91%,71%) |
| #5967f7 |
rgb(89,103,247) |
hsl(235,91%,66%) |
| #4150f6 |
rgb(65,80,246) |
hsl(235,91%,61%) |
| #293af5 |
rgb(41,58,245) |
hsl(235,91%,56%) |
| #1023f4 |
rgb(16,35,244) |
hsl(235,91%,51%) |
| #0b1ce0 |
rgb(11,28,224) |
hsl(235,91%,46%) |
| #0919c8 |
rgb(9,25,200) |
hsl(235,91%,41%) |
| #0816af |
rgb(8,22,175) |
hsl(235,91%,36%) |
| #071397 |
rgb(7,19,151) |
hsl(235,91%,31%) |
| #06107f |
rgb(6,16,127) |
hsl(235,91%,26%) |
| #050d66 |
rgb(5,13,102) |
hsl(235,91%,21%) |
| #040a4e |
rgb(4,10,78) |
hsl(235,91%,16%) |
| #030736 |
rgb(3,7,54) |
hsl(235,91%,11%) |
| #01041d |
rgb(1,4,29) |
hsl(235,91%,6%) |
| #000105 |
rgb(0,1,5) |
hsl(235,91%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #12BAF4 |
rgb(18,186,244) |
hsl(195,91%,51%) |
| #1224F4 |
rgb(18,36,244) |
hsl(235,91%,51%) |
| #9612F4 |
rgb(150,18,244) |
hsl(275,91%,51%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #626EF7 |
rgb(98,110,247) |
hsl(235,90%,68%) |
| #3A4AF5 |
rgb(58,74,245) |
hsl(235,90%,59%) |
| #1224F4 |
rgb(18,36,244) |
hsl(235,91%,51%) |
| #091AD2 |
rgb(9,26,210) |
hsl(235,92%,43%) |
| #0714AA |
rgb(7,20,170) |
hsl(235,92%,35%) |
| #060F82 |
rgb(6,15,130) |
hsl(236,91%,27%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #1224F4 |
rgb(18,36,244) |
hsl(235,91%,51%) |
| #F47012 |
rgb(244,112,18) |
hsl(25,91%,51%) |
| #95F512 |
rgb(149,245,18) |
hsl(85,92%,52%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #1224F4 |
rgb(18,36,244) |
hsl(235,91%,51%) |
| #F4E312 |
rgb(244,227,18) |
hsl(55,91%,51%) |
| #1294F4 |
rgb(18,148,244) |
hsl(205,91%,51%) |
| #95F512 |
rgb(149,245,18) |
hsl(85,92%,52%) |
