HEX #227AA4 color — Jelly Bean
The color #227AA4 is a dark shade and moderately saturated.
Palette
227AA4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(199,66%,99%) |
#e6f3fa |
rgb(230,243,250) |
hsl(199,66%,94%) |
#d0eaf5 |
rgb(208,234,245) |
hsl(199,66%,89%) |
#bbe0f1 |
rgb(187,224,241) |
hsl(199,66%,84%) |
#a6d6ed |
rgb(166,214,237) |
hsl(199,66%,79%) |
#91cde8 |
rgb(145,205,232) |
hsl(199,66%,74%) |
#7cc3e4 |
rgb(124,195,228) |
hsl(199,66%,69%) |
#67b9e0 |
rgb(103,185,224) |
hsl(199,66%,64%) |
#51b0db |
rgb(81,176,219) |
hsl(199,66%,59%) |
#3ca6d7 |
rgb(60,166,215) |
hsl(199,66%,54%) |
#2a9bcf |
rgb(42,155,207) |
hsl(199,66%,49%) |
#268bba |
rgb(38,139,186) |
hsl(199,66%,44%) |
#227ca5 |
rgb(34,124,165) |
hsl(199,66%,39%) |
#1d6c90 |
rgb(29,108,144) |
hsl(199,66%,34%) |
#195c7b |
rgb(25,92,123) |
hsl(199,66%,29%) |
#154c66 |
rgb(21,76,102) |
hsl(199,66%,24%) |
#103c50 |
rgb(16,60,80) |
hsl(199,66%,19%) |
#0c2c3b |
rgb(12,44,59) |
hsl(199,66%,14%) |
#081d26 |
rgb(8,29,38) |
hsl(199,66%,9%) |
#030d11 |
rgb(3,13,17) |
hsl(199,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A377 |
rgb(34,163,119) |
hsl(160,65%,39%) |
#227AA4 |
rgb(34,122,164) |
hsl(199,66%,39%) |
#2224A4 |
rgb(34,36,164) |
hsl(239,66%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#278CBE |
rgb(39,140,190) |
hsl(200,66%,45%) |
#227AA4 |
rgb(34,122,164) |
hsl(199,66%,39%) |
#1C6689 |
rgb(28,102,137) |
hsl(199,66%,32%) |
#17546F |
rgb(23,84,111) |
hsl(198,66%,26%) |
#114055 |
rgb(17,64,85) |
hsl(199,67%,20%) |
#0C2B3B |
rgb(12,43,59) |
hsl(200,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#227AA4 |
rgb(34,122,164) |
hsl(199,66%,39%) |
#A42139 |
rgb(164,33,57) |
hsl(349,66%,39%) |
#A48C22 |
rgb(164,140,34) |
hsl(49,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227AA4 |
rgb(34,122,164) |
hsl(199,66%,39%) |
#A44D22 |
rgb(164,77,34) |
hsl(20,66%,39%) |
#22A38D |
rgb(34,163,141) |
hsl(170,65%,39%) |
#A48C22 |
rgb(164,140,34) |
hsl(49,66%,39%) |