HEX #3C5A96 color — Chambray
The color #3c5a96 is a dark shade and moderately saturated.
Palette
3c5a96 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f9 |
rgb(240,243,249) |
hsl(220,43%,96%) |
#dee5f2 |
rgb(222,229,242) |
hsl(220,43%,91%) |
#ccd6eb |
rgb(204,214,235) |
hsl(220,43%,86%) |
#bac8e3 |
rgb(186,200,227) |
hsl(220,43%,81%) |
#a7b9dc |
rgb(167,185,220) |
hsl(220,43%,76%) |
#95aad5 |
rgb(149,170,213) |
hsl(220,43%,71%) |
#839cce |
rgb(131,156,206) |
hsl(220,43%,66%) |
#718dc6 |
rgb(113,141,198) |
hsl(220,43%,61%) |
#5f7fbf |
rgb(95,127,191) |
hsl(220,43%,56%) |
#4c70b8 |
rgb(76,112,184) |
hsl(220,43%,51%) |
#4364a8 |
rgb(67,100,168) |
hsl(220,43%,46%) |
#3c5a96 |
rgb(60,90,150) |
hsl(220,43%,41%) |
#344f83 |
rgb(52,79,131) |
hsl(220,43%,36%) |
#2d4471 |
rgb(45,68,113) |
hsl(220,43%,31%) |
#26395f |
rgb(38,57,95) |
hsl(220,43%,26%) |
#1f2e4d |
rgb(31,46,77) |
hsl(220,43%,21%) |
#17233a |
rgb(23,35,58) |
hsl(220,43%,16%) |
#101828 |
rgb(16,24,40) |
hsl(220,43%,11%) |
#090d16 |
rgb(9,13,22) |
hsl(220,43%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,43%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3C9696 |
rgb(60,150,150) |
hsl(180,43%,41%) |
#3C5A96 |
rgb(60,90,150) |
hsl(220,43%,41%) |
#5A3D96 |
rgb(90,61,150) |
hsl(260,42%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#587ABC |
rgb(88,122,188) |
hsl(220,43%,54%) |
#4569AE |
rgb(69,105,174) |
hsl(219,43%,48%) |
#3C5A96 |
rgb(60,90,150) |
hsl(220,43%,41%) |
#324D7E |
rgb(50,77,126) |
hsl(219,43%,35%) |
#283D66 |
rgb(40,61,102) |
hsl(220,44%,28%) |
#1F2E4E |
rgb(31,46,78) |
hsl(221,43%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5A96 |
rgb(60,90,150) |
hsl(220,43%,41%) |
#964A3C |
rgb(150,74,60) |
hsl(9,43%,41%) |
#87963C |
rgb(135,150,60) |
hsl(70,43%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5A96 |
rgb(60,90,150) |
hsl(220,43%,41%) |
#96783C |
rgb(150,120,60) |
hsl(40,43%,41%) |
#3C8796 |
rgb(60,135,150) |
hsl(190,43%,41%) |
#87963C |
rgb(135,150,60) |
hsl(70,43%,41%) |