HEX #2257A4 color — Matisse

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

Color codes

copy icon
copy icon
copy icon

Palette

2257A4 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
#22A39A rgb(34,163,154) hsl(176,65%,39%)
#2257A4 rgb(34,87,164) hsl(216,66%,39%)
#4321A4 rgb(67,33,164) hsl(256,66%,39%)

Monochromatic colors

HEX RGB HSL
#2766BE rgb(39,102,190) hsl(215,66%,45%)
#2257A4 rgb(34,87,164) hsl(216,66%,39%)
#1C4A89 rgb(28,74,137) hsl(215,66%,32%)
#173B6F rgb(23,59,111) hsl(215,66%,26%)
#112E55 rgb(17,46,85) hsl(214,67%,20%)
#0C1F3B rgb(12,31,59) hsl(216,66%,14%)

Triad color palettes

HEX RGB HSL
#2257A4 rgb(34,87,164) hsl(216,66%,39%)
#A42E22 rgb(164,46,34) hsl(6,66%,39%)
#98A322 rgb(152,163,34) hsl(65,65%,39%)

Tetrad color palettes

HEX RGB HSL
#2257A4 rgb(34,87,164) hsl(216,66%,39%)
#A47022 rgb(164,112,34) hsl(36,66%,39%)
#2299A4 rgb(34,153,164) hsl(185,66%,39%)
#98A322 rgb(152,163,34) hsl(65,65%,39%)