HEX #2275A5 color — Matisse

The color #2275a5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2275a5 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(202,66%,99%)
#e6f2fa rgb(230,242,250) hsl(202,66%,94%)
#d0e8f5 rgb(208,232,245) hsl(202,66%,89%)
#bbddf1 rgb(187,221,241) hsl(202,66%,84%)
#a6d3ed rgb(166,211,237) hsl(202,66%,79%)
#91c8e8 rgb(145,200,232) hsl(202,66%,74%)
#7cbee4 rgb(124,190,228) hsl(202,66%,69%)
#67b3e0 rgb(103,179,224) hsl(202,66%,64%)
#51a9db rgb(81,169,219) hsl(202,66%,59%)
#3c9ed7 rgb(60,158,215) hsl(202,66%,54%)
#2a93cf rgb(42,147,207) hsl(202,66%,49%)
#2684ba rgb(38,132,186) hsl(202,66%,44%)
#2275a5 rgb(34,117,165) hsl(202,66%,39%)
#1d6690 rgb(29,102,144) hsl(202,66%,34%)
#19577b rgb(25,87,123) hsl(202,66%,29%)
#154866 rgb(21,72,102) hsl(202,66%,24%)
#103950 rgb(16,57,80) hsl(202,66%,19%)
#0c2a3b rgb(12,42,59) hsl(202,66%,14%)
#081b26 rgb(8,27,38) hsl(202,66%,9%)
#030c11 rgb(3,12,17) hsl(202,66%,4%)

Adjacent colors

HEX RGB HSL
#22A67D rgb(34,166,125) hsl(161,66%,39%)
#2275A5 rgb(34,117,165) hsl(202,66%,39%)
#2621A5 rgb(38,33,165) hsl(242,67%,39%)

Monochromatic colors

HEX RGB HSL
#2787BF rgb(39,135,191) hsl(202,66%,45%)
#2275A5 rgb(34,117,165) hsl(202,66%,39%)
#1C638A rgb(28,99,138) hsl(201,66%,33%)
#174F70 rgb(23,79,112) hsl(202,66%,26%)
#113D55 rgb(17,61,85) hsl(201,67%,20%)
#0C2B3B rgb(12,43,59) hsl(200,66%,14%)

Triad color palettes

HEX RGB HSL
#2275A5 rgb(34,117,165) hsl(202,66%,39%)
#A52133 rgb(165,33,51) hsl(352,67%,39%)
#A59422 rgb(165,148,34) hsl(52,66%,39%)

Tetrad color palettes

HEX RGB HSL
#2275A5 rgb(34,117,165) hsl(202,66%,39%)
#A55222 rgb(165,82,34) hsl(22,66%,39%)
#22A693 rgb(34,166,147) hsl(171,66%,39%)
#A59422 rgb(165,148,34) hsl(52,66%,39%)