HEX #2257A6 color — Matisse

The color #2257A6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2257A6 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(216,66%,99%)
#e6eefa rgb(230,238,250) hsl(216,66%,94%)
#d0dff5 rgb(208,223,245) hsl(216,66%,89%)
#bbd1f1 rgb(187,209,241) hsl(216,66%,84%)
#a6c2ed rgb(166,194,237) hsl(216,66%,79%)
#91b4e8 rgb(145,180,232) hsl(216,66%,74%)
#7ca6e4 rgb(124,166,228) hsl(216,66%,69%)
#6797e0 rgb(103,151,224) hsl(216,66%,64%)
#5189db rgb(81,137,219) hsl(216,66%,59%)
#3c7ad7 rgb(60,122,215) hsl(216,66%,54%)
#2a6ccf rgb(42,108,207) hsl(216,66%,49%)
#2661ba rgb(38,97,186) hsl(216,66%,44%)
#2256a5 rgb(34,86,165) hsl(216,66%,39%)
#1d4b90 rgb(29,75,144) hsl(216,66%,34%)
#19407b rgb(25,64,123) hsl(216,66%,29%)
#153566 rgb(21,53,102) hsl(216,66%,24%)
#102a50 rgb(16,42,80) hsl(216,66%,19%)
#0c1f3b rgb(12,31,59) hsl(216,66%,14%)
#081426 rgb(8,20,38) hsl(216,66%,9%)
#030911 rgb(3,9,17) hsl(216,66%,4%)

Adjacent colors

HEX RGB HSL
#22A69D rgb(34,166,157) hsl(176,66%,39%)
#2257A6 rgb(34,87,166) hsl(216,66%,39%)
#4521A6 rgb(69,33,166) hsl(256,67%,39%)

Monochromatic colors

HEX RGB HSL
#2766C0 rgb(39,102,192) hsl(215,66%,45%)
#2257A6 rgb(34,87,166) hsl(216,66%,39%)
#1C4A8B rgb(28,74,139) hsl(215,66%,33%)
#173B70 rgb(23,59,112) hsl(216,66%,26%)
#112E56 rgb(17,46,86) hsl(215,67%,20%)
#0C1F3B rgb(12,31,59) hsl(216,66%,14%)

Triad color palettes

HEX RGB HSL
#2257A6 rgb(34,87,166) hsl(216,66%,39%)
#A62E22 rgb(166,46,34) hsl(5,66%,39%)
#99A622 rgb(153,166,34) hsl(66,66%,39%)

Tetrad color palettes

HEX RGB HSL
#2257A6 rgb(34,87,166) hsl(216,66%,39%)
#A67022 rgb(166,112,34) hsl(35,66%,39%)
#2299A6 rgb(34,153,166) hsl(186,66%,39%)
#99A622 rgb(153,166,34) hsl(66,66%,39%)