HEX #245BA3 color — Matisse

The color #245ba3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

245ba3 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(214,64%,99%)
#e6eef9 rgb(230,238,249) hsl(214,64%,94%)
#d1e1f5 rgb(209,225,245) hsl(214,64%,89%)
#bcd3f0 rgb(188,211,240) hsl(214,64%,84%)
#a7c5ec rgb(167,197,236) hsl(214,64%,79%)
#92b7e7 rgb(146,183,231) hsl(214,64%,74%)
#7da9e3 rgb(125,169,227) hsl(214,64%,69%)
#689bde rgb(104,155,222) hsl(214,64%,64%)
#548ed9 rgb(84,142,217) hsl(214,64%,59%)
#3f80d5 rgb(63,128,213) hsl(214,64%,54%)
#2d72cd rgb(45,114,205) hsl(214,64%,49%)
#2867b8 rgb(40,103,184) hsl(214,64%,44%)
#245ba3 rgb(36,91,163) hsl(214,64%,39%)
#1f4f8e rgb(31,79,142) hsl(214,64%,34%)
#1b4479 rgb(27,68,121) hsl(214,64%,29%)
#163864 rgb(22,56,100) hsl(214,64%,24%)
#112c4f rgb(17,44,79) hsl(214,64%,19%)
#0d213b rgb(13,33,59) hsl(214,64%,14%)
#081526 rgb(8,21,38) hsl(214,64%,9%)
#040911 rgb(4,9,17) hsl(214,64%,4%)

Adjacent colors

HEX RGB HSL
#24A396 rgb(36,163,150) hsl(174,64%,39%)
#245BA3 rgb(36,91,163) hsl(214,64%,39%)
#4124A3 rgb(65,36,163) hsl(254,64%,39%)

Monochromatic colors

HEX RGB HSL
#2969BD rgb(41,105,189) hsl(214,64%,45%)
#245BA3 rgb(36,91,163) hsl(214,64%,39%)
#1E4D88 rgb(30,77,136) hsl(213,64%,33%)
#183D6E rgb(24,61,110) hsl(214,64%,26%)
#123054 rgb(18,48,84) hsl(213,65%,20%)
#0C213A rgb(12,33,58) hsl(213,66%,14%)

Triad color palettes

HEX RGB HSL
#245BA3 rgb(36,91,163) hsl(214,64%,39%)
#A32B24 rgb(163,43,36) hsl(3,64%,39%)
#9AA324 rgb(154,163,36) hsl(64,64%,39%)

Tetrad color palettes

HEX RGB HSL
#245BA3 rgb(36,91,163) hsl(214,64%,39%)
#A36B24 rgb(163,107,36) hsl(34,64%,39%)
#249CA3 rgb(36,156,163) hsl(183,64%,39%)
#9AA324 rgb(154,163,36) hsl(64,64%,39%)