HEX #306E85 color — Calypso
The color #306E85 is a dark shade and moderately saturated.
Palette
306E85 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf5f8 |
rgb(236,245,248) |
hsl(196,47%,95%) |
| #daebf1 |
rgb(218,235,241) |
hsl(196,47%,90%) |
| #c7e1eb |
rgb(199,225,235) |
hsl(196,47%,85%) |
| #b4d7e4 |
rgb(180,215,228) |
hsl(196,47%,80%) |
| #a1cddd |
rgb(161,205,221) |
hsl(196,47%,75%) |
| #8fc3d6 |
rgb(143,195,214) |
hsl(196,47%,70%) |
| #7cb9d0 |
rgb(124,185,208) |
hsl(196,47%,65%) |
| #69afc9 |
rgb(105,175,201) |
hsl(196,47%,60%) |
| #56a5c2 |
rgb(86,165,194) |
hsl(196,47%,55%) |
| #449bbb |
rgb(68,155,187) |
hsl(196,47%,50%) |
| #3d8ca9 |
rgb(61,140,169) |
hsl(196,47%,45%) |
| #367c96 |
rgb(54,124,150) |
hsl(196,47%,40%) |
| #2f6d83 |
rgb(47,109,131) |
hsl(196,47%,35%) |
| #295d70 |
rgb(41,93,112) |
hsl(196,47%,30%) |
| #224e5e |
rgb(34,78,94) |
hsl(196,47%,25%) |
| #1b3e4b |
rgb(27,62,75) |
hsl(196,47%,20%) |
| #142f38 |
rgb(20,47,56) |
hsl(196,47%,15%) |
| #0e1f25 |
rgb(14,31,37) |
hsl(196,47%,10%) |
| #071013 |
rgb(7,16,19) |
hsl(196,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #308563 |
rgb(48,133,99) |
hsl(156,47%,35%) |
| #306E85 |
rgb(48,110,133) |
hsl(196,47%,35%) |
| #303685 |
rgb(48,54,133) |
hsl(236,47%,35%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #37809A |
rgb(55,128,154) |
hsl(196,47%,41%) |
| #306E85 |
rgb(48,110,133) |
hsl(196,47%,35%) |
| #285C6F |
rgb(40,92,111) |
hsl(196,47%,30%) |
| #204A5A |
rgb(32,74,90) |
hsl(197,48%,24%) |
| #183845 |
rgb(24,56,69) |
hsl(197,48%,18%) |
| #11292F |
rgb(17,41,47) |
hsl(192,47%,13%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306E85 |
rgb(48,110,133) |
hsl(196,47%,35%) |
| #853043 |
rgb(133,48,67) |
hsl(347,47%,35%) |
| #857330 |
rgb(133,115,48) |
hsl(47,47%,35%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306E85 |
rgb(48,110,133) |
hsl(196,47%,35%) |
| #854730 |
rgb(133,71,48) |
hsl(16,47%,35%) |
| #308571 |
rgb(48,133,113) |
hsl(166,47%,35%) |
| #857330 |
rgb(133,115,48) |
hsl(47,47%,35%) |
