HEX #305C89 color — Chambray
The color #305C89 is a dark shade and moderately saturated.
Palette
305C89 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(210,48%,96%) |
#dde8f3 |
rgb(221,232,243) |
hsl(210,48%,91%) |
#cadbec |
rgb(202,219,236) |
hsl(210,48%,86%) |
#b7cfe6 |
rgb(183,207,230) |
hsl(210,48%,81%) |
#a4c2df |
rgb(164,194,223) |
hsl(210,48%,76%) |
#92b5d9 |
rgb(146,181,217) |
hsl(210,48%,71%) |
#7fa8d2 |
rgb(127,168,210) |
hsl(210,48%,66%) |
#6c9ccb |
rgb(108,156,203) |
hsl(210,48%,61%) |
#598fc5 |
rgb(89,143,197) |
hsl(210,48%,56%) |
#4682be |
rgb(70,130,190) |
hsl(210,48%,51%) |
#3d75ae |
rgb(61,117,174) |
hsl(210,48%,46%) |
#36699b |
rgb(54,105,155) |
hsl(210,48%,41%) |
#305c88 |
rgb(48,92,136) |
hsl(210,48%,36%) |
#294f75 |
rgb(41,79,117) |
hsl(210,48%,31%) |
#224262 |
rgb(34,66,98) |
hsl(210,48%,26%) |
#1c364f |
rgb(28,54,79) |
hsl(210,48%,21%) |
#15293c |
rgb(21,41,60) |
hsl(210,48%,16%) |
#0f1c2a |
rgb(15,28,42) |
hsl(210,48%,11%) |
#080f17 |
rgb(8,15,23) |
hsl(210,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(210,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308A7A |
rgb(48,138,122) |
hsl(169,48%,36%) |
#305C89 |
rgb(48,92,137) |
hsl(210,48%,36%) |
#3F3089 |
rgb(63,48,137) |
hsl(250,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376B9E |
rgb(55,107,158) |
hsl(210,48%,42%) |
#305C89 |
rgb(48,92,137) |
hsl(210,48%,36%) |
#284D73 |
rgb(40,77,115) |
hsl(210,48%,30%) |
#20405D |
rgb(32,64,93) |
hsl(209,49%,25%) |
#183047 |
rgb(24,48,71) |
hsl(209,49%,19%) |
#112131 |
rgb(17,33,49) |
hsl(210,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#305C89 |
rgb(48,92,137) |
hsl(210,48%,36%) |
#893030 |
rgb(137,48,48) |
hsl(360,48%,36%) |
#888A30 |
rgb(136,138,48) |
hsl(61,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305C89 |
rgb(48,92,137) |
hsl(210,48%,36%) |
#895C30 |
rgb(137,92,48) |
hsl(30,48%,36%) |
#308A89 |
rgb(48,138,137) |
hsl(179,48%,36%) |
#888A30 |
rgb(136,138,48) |
hsl(61,48%,36%) |