HEX #2229F2 color — Blue
The color #2229F2 is a dark shade and highly saturated.
Palette
2229F2 color palette from light to dark
| HEX |
RGB |
HSL |
| #fafaff |
rgb(250,250,255) |
hsl(238,89%,99%) |
| #e2e3fd |
rgb(226,227,253) |
hsl(238,89%,94%) |
| #caccfc |
rgb(202,204,252) |
hsl(238,89%,89%) |
| #b2b4fb |
rgb(178,180,251) |
hsl(238,89%,84%) |
| #9a9df9 |
rgb(154,157,249) |
hsl(238,89%,79%) |
| #8286f8 |
rgb(130,134,248) |
hsl(238,89%,74%) |
| #6a6ef6 |
rgb(106,110,246) |
hsl(238,89%,69%) |
| #5157f5 |
rgb(81,87,245) |
hsl(238,89%,64%) |
| #3940f3 |
rgb(57,64,243) |
hsl(238,89%,59%) |
| #2128f2 |
rgb(33,40,242) |
hsl(238,89%,54%) |
| #0e15ec |
rgb(14,21,236) |
hsl(238,89%,49%) |
| #0c13d4 |
rgb(12,19,212) |
hsl(238,89%,44%) |
| #0b11bc |
rgb(11,17,188) |
hsl(238,89%,39%) |
| #0a0fa4 |
rgb(10,15,164) |
hsl(238,89%,34%) |
| #080d8c |
rgb(8,13,140) |
hsl(238,89%,29%) |
| #070a74 |
rgb(7,10,116) |
hsl(238,89%,24%) |
| #05085c |
rgb(5,8,92) |
hsl(238,89%,19%) |
| #040643 |
rgb(4,6,67) |
hsl(238,89%,14%) |
| #03042b |
rgb(3,4,43) |
hsl(238,89%,9%) |
| #010213 |
rgb(1,2,19) |
hsl(238,89%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22B3F2 |
rgb(34,179,242) |
hsl(198,89%,54%) |
| #2229F2 |
rgb(34,41,242) |
hsl(238,89%,54%) |
| #A521F2 |
rgb(165,33,242) |
hsl(278,89%,54%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #757AF6 |
rgb(117,122,246) |
hsl(238,88%,71%) |
| #4B52F4 |
rgb(75,82,244) |
hsl(238,88%,63%) |
| #2229F2 |
rgb(34,41,242) |
hsl(238,89%,54%) |
| #0C14DA |
rgb(12,20,218) |
hsl(238,90%,45%) |
| #0A0FB1 |
rgb(10,15,177) |
hsl(238,89%,37%) |
| #070D87 |
rgb(7,13,135) |
hsl(237,90%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2229F2 |
rgb(34,41,242) |
hsl(238,89%,54%) |
| #F28222 |
rgb(242,130,34) |
hsl(28,89%,54%) |
| #91F222 |
rgb(145,242,34) |
hsl(88,89%,54%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2229F2 |
rgb(34,41,242) |
hsl(238,89%,54%) |
| #F2EB22 |
rgb(242,235,34) |
hsl(58,89%,54%) |
| #2291F2 |
rgb(34,145,242) |
hsl(208,89%,54%) |
| #91F222 |
rgb(145,242,34) |
hsl(88,89%,54%) |
