HEX #227AA6 color — Matisse
The color #227AA6 is a dark shade and moderately saturated.
Palette
227AA6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(200,66%,99%) |
#e6f3fa |
rgb(230,243,250) |
hsl(200,66%,94%) |
#d0e9f5 |
rgb(208,233,245) |
hsl(200,66%,89%) |
#bbdff1 |
rgb(187,223,241) |
hsl(200,66%,84%) |
#a6d5ed |
rgb(166,213,237) |
hsl(200,66%,79%) |
#91cbe8 |
rgb(145,203,232) |
hsl(200,66%,74%) |
#7cc1e4 |
rgb(124,193,228) |
hsl(200,66%,69%) |
#67b7e0 |
rgb(103,183,224) |
hsl(200,66%,64%) |
#51addb |
rgb(81,173,219) |
hsl(200,66%,59%) |
#3ca4d7 |
rgb(60,164,215) |
hsl(200,66%,54%) |
#2a98cf |
rgb(42,152,207) |
hsl(200,66%,49%) |
#2689ba |
rgb(38,137,186) |
hsl(200,66%,44%) |
#2279a5 |
rgb(34,121,165) |
hsl(200,66%,39%) |
#1d6a90 |
rgb(29,106,144) |
hsl(200,66%,34%) |
#195a7b |
rgb(25,90,123) |
hsl(200,66%,29%) |
#154b66 |
rgb(21,75,102) |
hsl(200,66%,24%) |
#103b50 |
rgb(16,59,80) |
hsl(200,66%,19%) |
#0c2c3b |
rgb(12,44,59) |
hsl(200,66%,14%) |
#081c26 |
rgb(8,28,38) |
hsl(200,66%,9%) |
#030c11 |
rgb(3,12,17) |
hsl(200,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A67A |
rgb(34,166,122) |
hsl(160,66%,39%) |
#227AA6 |
rgb(34,122,166) |
hsl(200,66%,39%) |
#2221A6 |
rgb(34,33,166) |
hsl(240,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#278CC0 |
rgb(39,140,192) |
hsl(200,66%,45%) |
#227AA6 |
rgb(34,122,166) |
hsl(200,66%,39%) |
#1C668B |
rgb(28,102,139) |
hsl(200,66%,33%) |
#175470 |
rgb(23,84,112) |
hsl(199,66%,26%) |
#114056 |
rgb(17,64,86) |
hsl(199,67%,20%) |
#0C2B3B |
rgb(12,43,59) |
hsl(200,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#227AA6 |
rgb(34,122,166) |
hsl(200,66%,39%) |
#A62138 |
rgb(166,33,56) |
hsl(350,67%,39%) |
#A68F22 |
rgb(166,143,34) |
hsl(50,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227AA6 |
rgb(34,122,166) |
hsl(200,66%,39%) |
#A64F22 |
rgb(166,79,34) |
hsl(20,66%,39%) |
#22A690 |
rgb(34,166,144) |
hsl(170,66%,39%) |
#A68F22 |
rgb(166,143,34) |
hsl(50,66%,39%) |