HEX #312BF4 color — Blue
The color #312BF4 is a dark shade and highly saturated.
Palette
312BF4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ececfe |
rgb(236,236,254) |
hsl(242,90%,96%) |
| #d5d3fd |
rgb(213,211,253) |
hsl(242,90%,91%) |
| #bdbbfb |
rgb(189,187,251) |
hsl(242,90%,86%) |
| #a6a3fa |
rgb(166,163,250) |
hsl(242,90%,81%) |
| #8e8bf9 |
rgb(142,139,249) |
hsl(242,90%,76%) |
| #7772f8 |
rgb(119,114,248) |
hsl(242,90%,71%) |
| #5f5af6 |
rgb(95,90,246) |
hsl(242,90%,66%) |
| #4842f5 |
rgb(72,66,245) |
hsl(242,90%,61%) |
| #312af4 |
rgb(49,42,244) |
hsl(242,90%,56%) |
| #1912f3 |
rgb(25,18,243) |
hsl(242,90%,51%) |
| #130cdf |
rgb(19,12,223) |
hsl(242,90%,46%) |
| #110ac7 |
rgb(17,10,199) |
hsl(242,90%,41%) |
| #0f09ae |
rgb(15,9,174) |
hsl(242,90%,36%) |
| #0d0896 |
rgb(13,8,150) |
hsl(242,90%,31%) |
| #0b077e |
rgb(11,7,126) |
hsl(242,90%,26%) |
| #090566 |
rgb(9,5,102) |
hsl(242,90%,21%) |
| #07044e |
rgb(7,4,78) |
hsl(242,90%,16%) |
| #040335 |
rgb(4,3,53) |
hsl(242,90%,11%) |
| #02021d |
rgb(2,2,29) |
hsl(242,90%,6%) |
| #000005 |
rgb(0,0,5) |
hsl(242,90%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2BABF4 |
rgb(43,171,244) |
hsl(202,90%,56%) |
| #312BF4 |
rgb(49,43,244) |
hsl(242,90%,56%) |
| #B72BF4 |
rgb(183,43,244) |
hsl(282,90%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8582F8 |
rgb(133,130,248) |
hsl(242,89%,74%) |
| #5B57F6 |
rgb(91,87,246) |
hsl(242,90%,65%) |
| #312BF4 |
rgb(49,43,244) |
hsl(242,90%,56%) |
| #120DE5 |
rgb(18,13,229) |
hsl(241,89%,47%) |
| #0E0AB9 |
rgb(14,10,185) |
hsl(241,90%,38%) |
| #0B088D |
rgb(11,8,141) |
hsl(241,89%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #312BF4 |
rgb(49,43,244) |
hsl(242,90%,56%) |
| #F4962B |
rgb(244,150,43) |
hsl(32,90%,56%) |
| #89F52B |
rgb(137,245,43) |
hsl(92,91%,56%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #312BF4 |
rgb(49,43,244) |
hsl(242,90%,56%) |
| #EEF52B |
rgb(238,245,43) |
hsl(62,91%,56%) |
| #2B8AF4 |
rgb(43,138,244) |
hsl(212,90%,56%) |
| #89F52B |
rgb(137,245,43) |
hsl(92,91%,56%) |
