HEX #306685 color — Calypso
The color #306685 is a dark shade and moderately saturated.
Palette
306685 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf4f8 |
rgb(236,244,248) |
hsl(202,47%,95%) |
| #dae9f1 |
rgb(218,233,241) |
hsl(202,47%,90%) |
| #c7deeb |
rgb(199,222,235) |
hsl(202,47%,85%) |
| #b4d2e4 |
rgb(180,210,228) |
hsl(202,47%,80%) |
| #a1c7dd |
rgb(161,199,221) |
hsl(202,47%,75%) |
| #8fbcd6 |
rgb(143,188,214) |
hsl(202,47%,70%) |
| #7cb1d0 |
rgb(124,177,208) |
hsl(202,47%,65%) |
| #69a6c9 |
rgb(105,166,201) |
hsl(202,47%,60%) |
| #569bc2 |
rgb(86,155,194) |
hsl(202,47%,55%) |
| #448fbb |
rgb(68,143,187) |
hsl(202,47%,50%) |
| #3d81a9 |
rgb(61,129,169) |
hsl(202,47%,45%) |
| #367396 |
rgb(54,115,150) |
hsl(202,47%,40%) |
| #2f6483 |
rgb(47,100,131) |
hsl(202,47%,35%) |
| #295670 |
rgb(41,86,112) |
hsl(202,47%,30%) |
| #22485e |
rgb(34,72,94) |
hsl(202,47%,25%) |
| #1b394b |
rgb(27,57,75) |
hsl(202,47%,20%) |
| #142b38 |
rgb(20,43,56) |
hsl(202,47%,15%) |
| #0e1d25 |
rgb(14,29,37) |
hsl(202,47%,10%) |
| #070e13 |
rgb(7,14,19) |
hsl(202,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30856B |
rgb(48,133,107) |
hsl(162,47%,35%) |
| #306685 |
rgb(48,102,133) |
hsl(202,47%,35%) |
| #323085 |
rgb(50,48,133) |
hsl(241,47%,35%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #37759A |
rgb(55,117,154) |
hsl(202,47%,41%) |
| #306685 |
rgb(48,102,133) |
hsl(202,47%,35%) |
| #28576F |
rgb(40,87,111) |
hsl(200,47%,30%) |
| #20455A |
rgb(32,69,90) |
hsl(202,48%,24%) |
| #183645 |
rgb(24,54,69) |
hsl(200,48%,18%) |
| #11242F |
rgb(17,36,47) |
hsl(202,47%,13%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306685 |
rgb(48,102,133) |
hsl(202,47%,35%) |
| #85303B |
rgb(133,48,59) |
hsl(352,47%,35%) |
| #857A30 |
rgb(133,122,48) |
hsl(52,47%,35%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306685 |
rgb(48,102,133) |
hsl(202,47%,35%) |
| #854F30 |
rgb(133,79,48) |
hsl(22,47%,35%) |
| #308579 |
rgb(48,133,121) |
hsl(172,47%,35%) |
| #857A30 |
rgb(133,122,48) |
hsl(52,47%,35%) |
