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%) |
