HEX #225CA5 color — Matisse

The color #225CA5 is a dark shade and moderately saturated.

Color codes

Palette

225CA5 color palette from light to dark

HEX	RGB	HSL
#fbfcfe	rgb(251,252,254)	hsl(213,66%,99%)
#e6effa	rgb(230,239,250)	hsl(213,66%,94%)
#d0e1f5	rgb(208,225,245)	hsl(213,66%,89%)
#bbd4f1	rgb(187,212,241)	hsl(213,66%,84%)
#a6c6ed	rgb(166,198,237)	hsl(213,66%,79%)
#91b8e8	rgb(145,184,232)	hsl(213,66%,74%)
#7cabe4	rgb(124,171,228)	hsl(213,66%,69%)
#679de0	rgb(103,157,224)	hsl(213,66%,64%)
#5190db	rgb(81,144,219)	hsl(213,66%,59%)
#3c82d7	rgb(60,130,215)	hsl(213,66%,54%)
#2a75cf	rgb(42,117,207)	hsl(213,66%,49%)
#2669ba	rgb(38,105,186)	hsl(213,66%,44%)
#225da5	rgb(34,93,165)	hsl(213,66%,39%)
#1d5190	rgb(29,81,144)	hsl(213,66%,34%)
#19457b	rgb(25,69,123)	hsl(213,66%,29%)
#153966	rgb(21,57,102)	hsl(213,66%,24%)
#102d50	rgb(16,45,80)	hsl(213,66%,19%)
#0c213b	rgb(12,33,59)	hsl(213,66%,14%)
#081526	rgb(8,21,38)	hsl(213,66%,9%)
#030a11	rgb(3,10,17)	hsl(213,66%,4%)

Adjacent colors

HEX	RGB	HSL
#22A696	rgb(34,166,150)	hsl(173,66%,39%)
#225CA5	rgb(34,92,165)	hsl(213,66%,39%)
#3F21A5	rgb(63,33,165)	hsl(254,67%,39%)

Monochromatic colors

HEX	RGB	HSL
#276BBF	rgb(39,107,191)	hsl(213,66%,45%)
#225CA5	rgb(34,92,165)	hsl(213,66%,39%)
#1C4D8A	rgb(28,77,138)	hsl(213,66%,33%)
#174070	rgb(23,64,112)	hsl(212,66%,26%)
#113055	rgb(17,48,85)	hsl(213,67%,20%)
#0C213B	rgb(12,33,59)	hsl(213,66%,14%)

Triad color palettes

HEX	RGB	HSL
#225CA5	rgb(34,92,165)	hsl(213,66%,39%)
#A52922	rgb(165,41,34)	hsl(3,66%,39%)
#9DA622	rgb(157,166,34)	hsl(64,66%,39%)

Tetrad color palettes

HEX	RGB	HSL
#225CA5	rgb(34,92,165)	hsl(213,66%,39%)
#A56B22	rgb(165,107,34)	hsl(33,66%,39%)
#229EA5	rgb(34,158,165)	hsl(183,66%,39%)
#9DA622	rgb(157,166,34)	hsl(64,66%,39%)