HEX #235EA3 color — Matisse

The color #235EA3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

235EA3 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(212,65%,99%)
#e6effa rgb(230,239,250) hsl(212,65%,94%)
#d1e2f5 rgb(209,226,245) hsl(212,65%,89%)
#bcd4f1 rgb(188,212,241) hsl(212,65%,84%)
#a7c7ec rgb(167,199,236) hsl(212,65%,79%)
#92bae8 rgb(146,186,232) hsl(212,65%,74%)
#7dade3 rgb(125,173,227) hsl(212,65%,69%)
#689fdf rgb(104,159,223) hsl(212,65%,64%)
#5292da rgb(82,146,218) hsl(212,65%,59%)
#3d85d6 rgb(61,133,214) hsl(212,65%,54%)
#2c78ce rgb(44,120,206) hsl(212,65%,49%)
#276bb9 rgb(39,107,185) hsl(212,65%,44%)
#235fa4 rgb(35,95,164) hsl(212,65%,39%)
#1e538f rgb(30,83,143) hsl(212,65%,34%)
#1a477a rgb(26,71,122) hsl(212,65%,29%)
#153b65 rgb(21,59,101) hsl(212,65%,24%)
#112e50 rgb(17,46,80) hsl(212,65%,19%)
#0c223b rgb(12,34,59) hsl(212,65%,14%)
#081626 rgb(8,22,38) hsl(212,65%,9%)
#040a11 rgb(4,10,17) hsl(212,65%,4%)

Adjacent colors

HEX RGB HSL
#23A392 rgb(35,163,146) hsl(172,65%,39%)
#235EA3 rgb(35,94,163) hsl(212,65%,39%)
#3D24A3 rgb(61,36,163) hsl(252,64%,39%)

Monochromatic colors

HEX RGB HSL
#286EBD rgb(40,110,189) hsl(212,65%,45%)
#235EA3 rgb(35,94,163) hsl(212,65%,39%)
#1D4F88 rgb(29,79,136) hsl(212,65%,32%)
#17406E rgb(23,64,110) hsl(212,65%,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
#235EA3 rgb(35,94,163) hsl(212,65%,39%)
#A32923 rgb(163,41,35) hsl(3,65%,39%)
#9EA323 rgb(158,163,35) hsl(62,65%,39%)

Tetrad color palettes

HEX RGB HSL
#235EA3 rgb(35,94,163) hsl(212,65%,39%)
#A36923 rgb(163,105,35) hsl(33,65%,39%)
#239EA3 rgb(35,158,163) hsl(182,65%,39%)
#9EA323 rgb(158,163,35) hsl(62,65%,39%)