HEX #3A6998 color — Calypso
The color #3A6998 is a dark shade and moderately saturated.
Palette
3A6998 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5f9 |
rgb(240,245,249) |
hsl(210,45%,96%) |
#dee8f2 |
rgb(222,232,242) |
hsl(210,45%,91%) |
#cbdbeb |
rgb(203,219,235) |
hsl(210,45%,86%) |
#b9cfe4 |
rgb(185,207,228) |
hsl(210,45%,81%) |
#a6c2dd |
rgb(166,194,221) |
hsl(210,45%,76%) |
#94b5d6 |
rgb(148,181,214) |
hsl(210,45%,71%) |
#81a8cf |
rgb(129,168,207) |
hsl(210,45%,66%) |
#6f9cc8 |
rgb(111,156,200) |
hsl(210,45%,61%) |
#5c8fc1 |
rgb(92,143,193) |
hsl(210,45%,56%) |
#4a82ba |
rgb(74,130,186) |
hsl(210,45%,51%) |
#4175aa |
rgb(65,117,170) |
hsl(210,45%,46%) |
#3a6998 |
rgb(58,105,152) |
hsl(210,45%,41%) |
#325c85 |
rgb(50,92,133) |
hsl(210,45%,36%) |
#2b4f73 |
rgb(43,79,115) |
hsl(210,45%,31%) |
#244260 |
rgb(36,66,96) |
hsl(210,45%,26%) |
#1d364e |
rgb(29,54,78) |
hsl(210,45%,21%) |
#16293b |
rgb(22,41,59) |
hsl(210,45%,16%) |
#0f1c29 |
rgb(15,28,41) |
hsl(210,45%,11%) |
#080f16 |
rgb(8,15,22) |
hsl(210,45%,6%) |
#010304 |
rgb(1,3,4) |
hsl(210,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A9988 |
rgb(58,153,136) |
hsl(169,45%,41%) |
#3A6998 |
rgb(58,105,152) |
hsl(210,45%,41%) |
#493B98 |
rgb(73,59,152) |
hsl(249,44%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#568ABE |
rgb(86,138,190) |
hsl(210,44%,54%) |
#437AB0 |
rgb(67,122,176) |
hsl(210,45%,48%) |
#3A6998 |
rgb(58,105,152) |
hsl(210,45%,41%) |
#30597F |
rgb(48,89,127) |
hsl(209,45%,34%) |
#274767 |
rgb(39,71,103) |
hsl(210,45%,28%) |
#1E364F |
rgb(30,54,79) |
hsl(211,45%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6998 |
rgb(58,105,152) |
hsl(210,45%,41%) |
#983B3A |
rgb(152,59,58) |
hsl(1,45%,41%) |
#98993A |
rgb(152,153,58) |
hsl(61,45%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6998 |
rgb(58,105,152) |
hsl(210,45%,41%) |
#98693A |
rgb(152,105,58) |
hsl(30,45%,41%) |
#3A9998 |
rgb(58,153,152) |
hsl(179,45%,41%) |
#98993A |
rgb(152,153,58) |
hsl(61,45%,41%) |