HEX #227DA4 color — Jelly Bean
The color #227DA4 is a dark shade and moderately saturated.
Palette
227DA4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(198,66%,99%) |
#e6f4fa |
rgb(230,244,250) |
hsl(198,66%,94%) |
#d0eaf5 |
rgb(208,234,245) |
hsl(198,66%,89%) |
#bbe1f1 |
rgb(187,225,241) |
hsl(198,66%,84%) |
#a6d8ed |
rgb(166,216,237) |
hsl(198,66%,79%) |
#91cee8 |
rgb(145,206,232) |
hsl(198,66%,74%) |
#7cc5e4 |
rgb(124,197,228) |
hsl(198,66%,69%) |
#67bbe0 |
rgb(103,187,224) |
hsl(198,66%,64%) |
#51b2db |
rgb(81,178,219) |
hsl(198,66%,59%) |
#3ca9d7 |
rgb(60,169,215) |
hsl(198,66%,54%) |
#2a9ecf |
rgb(42,158,207) |
hsl(198,66%,49%) |
#268eba |
rgb(38,142,186) |
hsl(198,66%,44%) |
#227ea5 |
rgb(34,126,165) |
hsl(198,66%,39%) |
#1d6e90 |
rgb(29,110,144) |
hsl(198,66%,34%) |
#195d7b |
rgb(25,93,123) |
hsl(198,66%,29%) |
#154d66 |
rgb(21,77,102) |
hsl(198,66%,24%) |
#103d50 |
rgb(16,61,80) |
hsl(198,66%,19%) |
#0c2d3b |
rgb(12,45,59) |
hsl(198,66%,14%) |
#081d26 |
rgb(8,29,38) |
hsl(198,66%,9%) |
#030d11 |
rgb(3,13,17) |
hsl(198,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A374 |
rgb(34,163,116) |
hsl(158,65%,39%) |
#227DA4 |
rgb(34,125,164) |
hsl(198,66%,39%) |
#2226A4 |
rgb(34,38,164) |
hsl(238,66%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2791BE |
rgb(39,145,190) |
hsl(198,66%,45%) |
#227DA4 |
rgb(34,125,164) |
hsl(198,66%,39%) |
#1C6989 |
rgb(28,105,137) |
hsl(198,66%,32%) |
#17546F |
rgb(23,84,111) |
hsl(198,66%,26%) |
#114055 |
rgb(17,64,85) |
hsl(199,67%,20%) |
#0C2E3B |
rgb(12,46,59) |
hsl(197,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#227DA4 |
rgb(34,125,164) |
hsl(198,66%,39%) |
#A4213C |
rgb(164,33,60) |
hsl(348,66%,39%) |
#A48A22 |
rgb(164,138,34) |
hsl(48,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227DA4 |
rgb(34,125,164) |
hsl(198,66%,39%) |
#A44A22 |
rgb(164,74,34) |
hsl(18,66%,39%) |
#22A38A |
rgb(34,163,138) |
hsl(168,65%,39%) |
#A48A22 |
rgb(164,138,34) |
hsl(48,66%,39%) |