HEX #227AED color — Royal Blue
The color #227AED is a dark shade and highly saturated.
Palette
227AED color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,85%,98%) |
#deebfc |
rgb(222,235,252) |
hsl(214,85%,93%) |
#c6ddfa |
rgb(198,221,250) |
hsl(214,85%,88%) |
#afcff8 |
rgb(175,207,248) |
hsl(214,85%,83%) |
#97c1f7 |
rgb(151,193,247) |
hsl(214,85%,78%) |
#80b2f5 |
rgb(128,178,245) |
hsl(214,85%,73%) |
#68a4f3 |
rgb(104,164,243) |
hsl(214,85%,68%) |
#5096f1 |
rgb(80,150,241) |
hsl(214,85%,63%) |
#3988ef |
rgb(57,136,239) |
hsl(214,85%,58%) |
#217aed |
rgb(33,122,237) |
hsl(214,85%,53%) |
#126de2 |
rgb(18,109,226) |
hsl(214,85%,48%) |
#1061cb |
rgb(16,97,203) |
hsl(214,85%,43%) |
#0f56b3 |
rgb(15,86,179) |
hsl(214,85%,38%) |
#0d4b9c |
rgb(13,75,156) |
hsl(214,85%,33%) |
#0b3f84 |
rgb(11,63,132) |
hsl(214,85%,28%) |
#09346d |
rgb(9,52,109) |
hsl(214,85%,23%) |
#072955 |
rgb(7,41,85) |
hsl(214,85%,18%) |
#051d3d |
rgb(5,29,61) |
hsl(214,85%,13%) |
#031226 |
rgb(3,18,38) |
hsl(214,85%,8%) |
#01070e |
rgb(1,7,14) |
hsl(214,85%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22EDD8 |
rgb(34,237,216) |
hsl(174,85%,53%) |
#227AED |
rgb(34,122,237) |
hsl(214,85%,53%) |
#5121ED |
rgb(81,33,237) |
hsl(254,85%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#72ABF3 |
rgb(114,171,243) |
hsl(213,84%,70%) |
#4A91F0 |
rgb(74,145,240) |
hsl(214,85%,62%) |
#227AED |
rgb(34,122,237) |
hsl(214,85%,53%) |
#1166D2 |
rgb(17,102,210) |
hsl(214,85%,45%) |
#0D52AA |
rgb(13,82,170) |
hsl(214,86%,36%) |
#0A4082 |
rgb(10,64,130) |
hsl(213,86%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#227AED |
rgb(34,122,237) |
hsl(214,85%,53%) |
#ED3022 |
rgb(237,48,34) |
hsl(4,85%,53%) |
#DFED22 |
rgb(223,237,34) |
hsl(64,85%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227AED |
rgb(34,122,237) |
hsl(214,85%,53%) |
#ED9422 |
rgb(237,148,34) |
hsl(34,85%,53%) |
#22E0ED |
rgb(34,224,237) |
hsl(184,85%,53%) |
#DFED22 |
rgb(223,237,34) |
hsl(64,85%,53%) |