HEX #306B83 color — Calypso
The color #306B83 is a dark shade and moderately saturated.
Palette
306B83 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf5f8 |
rgb(236,245,248) |
hsl(197,46%,95%) |
| #daebf1 |
rgb(218,235,241) |
hsl(197,46%,90%) |
| #c7e0ea |
rgb(199,224,234) |
hsl(197,46%,85%) |
| #b5d6e3 |
rgb(181,214,227) |
hsl(197,46%,80%) |
| #a2ccdd |
rgb(162,204,221) |
hsl(197,46%,75%) |
| #8fc2d6 |
rgb(143,194,214) |
hsl(197,46%,70%) |
| #7db8cf |
rgb(125,184,207) |
hsl(197,46%,65%) |
| #6aadc8 |
rgb(106,173,200) |
hsl(197,46%,60%) |
| #57a3c1 |
rgb(87,163,193) |
hsl(197,46%,55%) |
| #4599ba |
rgb(69,153,186) |
hsl(197,46%,50%) |
| #3e8aa8 |
rgb(62,138,168) |
hsl(197,46%,45%) |
| #377a95 |
rgb(55,122,149) |
hsl(197,46%,40%) |
| #306b82 |
rgb(48,107,130) |
hsl(197,46%,35%) |
| #295c70 |
rgb(41,92,112) |
hsl(197,46%,30%) |
| #224c5d |
rgb(34,76,93) |
hsl(197,46%,25%) |
| #1c3d4a |
rgb(28,61,74) |
hsl(197,46%,20%) |
| #152e38 |
rgb(21,46,56) |
hsl(197,46%,15%) |
| #0e1f25 |
rgb(14,31,37) |
hsl(197,46%,10%) |
| #070f13 |
rgb(7,15,19) |
hsl(197,46%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #308263 |
rgb(48,130,99) |
hsl(157,46%,35%) |
| #306B83 |
rgb(48,107,131) |
hsl(197,46%,35%) |
| #303383 |
rgb(48,51,131) |
hsl(238,46%,35%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #377D97 |
rgb(55,125,151) |
hsl(196,47%,40%) |
| #306B83 |
rgb(48,107,131) |
hsl(197,46%,35%) |
| #28596E |
rgb(40,89,110) |
hsl(198,47%,29%) |
| #204A59 |
rgb(32,74,89) |
hsl(196,47%,24%) |
| #183844 |
rgb(24,56,68) |
hsl(196,48%,18%) |
| #11262F |
rgb(17,38,47) |
hsl(198,47%,13%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306B83 |
rgb(48,107,131) |
hsl(197,46%,35%) |
| #833041 |
rgb(131,48,65) |
hsl(348,46%,35%) |
| #837330 |
rgb(131,115,48) |
hsl(48,46%,35%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306B83 |
rgb(48,107,131) |
hsl(197,46%,35%) |
| #834730 |
rgb(131,71,48) |
hsl(17,46%,35%) |
| #308271 |
rgb(48,130,113) |
hsl(168,46%,35%) |
| #837330 |
rgb(131,115,48) |
hsl(48,46%,35%) |
