HEX #2275A3 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

2275A3 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(201,65%,99%)
#e6f3fa rgb(230,243,250) hsl(201,65%,94%)
#d1e8f5 rgb(209,232,245) hsl(201,65%,89%)
#bcdef1 rgb(188,222,241) hsl(201,65%,84%)
#a7d4ec rgb(167,212,236) hsl(201,65%,79%)
#92cae8 rgb(146,202,232) hsl(201,65%,74%)
#7dbfe3 rgb(125,191,227) hsl(201,65%,69%)
#68b5df rgb(104,181,223) hsl(201,65%,64%)
#52abda rgb(82,171,218) hsl(201,65%,59%)
#3da1d6 rgb(61,161,214) hsl(201,65%,54%)
#2c95ce rgb(44,149,206) hsl(201,65%,49%)
#2786b9 rgb(39,134,185) hsl(201,65%,44%)
#2377a4 rgb(35,119,164) hsl(201,65%,39%)
#1e688f rgb(30,104,143) hsl(201,65%,34%)
#1a587a rgb(26,88,122) hsl(201,65%,29%)
#154965 rgb(21,73,101) hsl(201,65%,24%)
#113a50 rgb(17,58,80) hsl(201,65%,19%)
#0c2b3b rgb(12,43,59) hsl(201,65%,14%)
#081b26 rgb(8,27,38) hsl(201,65%,9%)
#040c11 rgb(4,12,17) hsl(201,65%,4%)

Adjacent colors

HEX RGB HSL
#22A37B rgb(34,163,123) hsl(161,65%,39%)
#2275A3 rgb(34,117,163) hsl(201,65%,39%)
#2521A3 rgb(37,33,163) hsl(242,66%,38%)

Monochromatic colors

HEX RGB HSL
#2787BD rgb(39,135,189) hsl(202,66%,45%)
#2275A3 rgb(34,117,163) hsl(201,65%,39%)
#1C6388 rgb(28,99,136) hsl(201,66%,32%)
#174F6E rgb(23,79,110) hsl(201,65%,26%)
#113D54 rgb(17,61,84) hsl(201,66%,20%)
#0C2B3A rgb(12,43,58) hsl(200,66%,14%)

Triad color palettes

HEX RGB HSL
#2275A3 rgb(34,117,163) hsl(201,65%,39%)
#A32134 rgb(163,33,52) hsl(351,66%,38%)
#A39122 rgb(163,145,34) hsl(52,65%,39%)

Tetrad color palettes

HEX RGB HSL
#2275A3 rgb(34,117,163) hsl(201,65%,39%)
#A34F22 rgb(163,79,34) hsl(21,65%,39%)
#22A390 rgb(34,163,144) hsl(171,65%,39%)
#A39122 rgb(163,145,34) hsl(52,65%,39%)