HEX #3C789C color — Calypso
The color #3C789C is a dark shade and moderately saturated.
Palette
3C789C color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(203,44%,97%) |
#e2edf4 |
rgb(226,237,244) |
hsl(203,44%,92%) |
#cfe1ec |
rgb(207,225,236) |
hsl(203,44%,87%) |
#bdd6e5 |
rgb(189,214,229) |
hsl(203,44%,82%) |
#abcade |
rgb(171,202,222) |
hsl(203,44%,77%) |
#98bfd7 |
rgb(152,191,215) |
hsl(203,44%,72%) |
#86b3d0 |
rgb(134,179,208) |
hsl(203,44%,67%) |
#73a8c9 |
rgb(115,168,201) |
hsl(203,44%,62%) |
#619dc2 |
rgb(97,157,194) |
hsl(203,44%,57%) |
#4f91ba |
rgb(79,145,186) |
hsl(203,44%,52%) |
#4384ad |
rgb(67,132,173) |
hsl(203,44%,47%) |
#3c769a |
rgb(60,118,154) |
hsl(203,44%,42%) |
#356888 |
rgb(53,104,136) |
hsl(203,44%,37%) |
#2e5a76 |
rgb(46,90,118) |
hsl(203,44%,32%) |
#274c63 |
rgb(39,76,99) |
hsl(203,44%,27%) |
#1f3e51 |
rgb(31,62,81) |
hsl(203,44%,22%) |
#18303e |
rgb(24,48,62) |
hsl(203,44%,17%) |
#11222c |
rgb(17,34,44) |
hsl(203,44%,12%) |
#0a141a |
rgb(10,20,26) |
hsl(203,44%,7%) |
#030607 |
rgb(3,6,7) |
hsl(203,44%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3C9C80 |
rgb(60,156,128) |
hsl(163,44%,42%) |
#3C789C |
rgb(60,120,156) |
hsl(203,44%,42%) |
#403D9C |
rgb(64,61,156) |
hsl(242,44%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C9CC0 |
rgb(92,156,192) |
hsl(202,44%,56%) |
#458CB4 |
rgb(69,140,180) |
hsl(202,45%,49%) |
#3C789C |
rgb(60,120,156) |
hsl(203,44%,42%) |
#326683 |
rgb(50,102,131) |
hsl(201,45%,35%) |
#28526A |
rgb(40,82,106) |
hsl(202,45%,29%) |
#1F3D51 |
rgb(31,61,81) |
hsl(204,45%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C789C |
rgb(60,120,156) |
hsl(203,44%,42%) |
#9C3D48 |
rgb(156,61,72) |
hsl(353,44%,43%) |
#9C8F3C |
rgb(156,143,60) |
hsl(52,44%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C789C |
rgb(60,120,156) |
hsl(203,44%,42%) |
#9C613C |
rgb(156,97,60) |
hsl(23,44%,42%) |
#3C9C90 |
rgb(60,156,144) |
hsl(173,44%,42%) |
#9C8F3C |
rgb(156,143,60) |
hsl(52,44%,42%) |