HEX #64A7B4 color — Tradewind
The color #64a7b4 is a light shade and slightly desaturated.
Palette
64a7b4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef5f7 |
rgb(238,245,247) |
hsl(190,35%,95%) |
| #ddebee |
rgb(221,235,238) |
hsl(190,35%,90%) |
| #cbe2e6 |
rgb(203,226,230) |
hsl(190,35%,85%) |
| #bad8de |
rgb(186,216,222) |
hsl(190,35%,80%) |
| #a9ced6 |
rgb(169,206,214) |
hsl(190,35%,75%) |
| #98c4cd |
rgb(152,196,205) |
hsl(190,35%,70%) |
| #87bbc5 |
rgb(135,187,197) |
hsl(190,35%,65%) |
| #75b1bd |
rgb(117,177,189) |
hsl(190,35%,60%) |
| #64a7b4 |
rgb(100,167,180) |
hsl(190,35%,55%) |
| #539dac |
rgb(83,157,172) |
hsl(190,35%,50%) |
| #4b8e9b |
rgb(75,142,155) |
hsl(190,35%,45%) |
| #427e8a |
rgb(66,126,138) |
hsl(190,35%,40%) |
| #3a6e78 |
rgb(58,110,120) |
hsl(190,35%,35%) |
| #325e67 |
rgb(50,94,103) |
hsl(190,35%,30%) |
| #294f56 |
rgb(41,79,86) |
hsl(190,35%,25%) |
| #213f45 |
rgb(33,63,69) |
hsl(190,35%,20%) |
| #192f34 |
rgb(25,47,52) |
hsl(190,35%,15%) |
| #111f22 |
rgb(17,31,34) |
hsl(190,35%,10%) |
| #081011 |
rgb(8,16,17) |
hsl(190,35%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #64B58B |
rgb(100,181,139) |
hsl(149,35%,55%) |
| #64A7B4 |
rgb(100,167,180) |
hsl(190,35%,55%) |
| #6473B4 |
rgb(100,115,180) |
hsl(229,35%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #A0C9D1 |
rgb(160,201,209) |
hsl(190,35%,72%) |
| #82B8C2 |
rgb(130,184,194) |
hsl(189,34%,64%) |
| #64A7B4 |
rgb(100,167,180) |
hsl(190,35%,55%) |
| #4C919E |
rgb(76,145,158) |
hsl(190,35%,46%) |
| #3E7580 |
rgb(62,117,128) |
hsl(190,35%,37%) |
| #2F5962 |
rgb(47,89,98) |
hsl(191,35%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #64A7B4 |
rgb(100,167,180) |
hsl(190,35%,55%) |
| #B4637F |
rgb(180,99,127) |
hsl(339,35%,55%) |
| #B49964 |
rgb(180,153,100) |
hsl(40,35%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #64A7B4 |
rgb(100,167,180) |
hsl(190,35%,55%) |
| #B47064 |
rgb(180,112,100) |
hsl(9,35%,55%) |
| #64B599 |
rgb(100,181,153) |
hsl(159,35%,55%) |
| #B49964 |
rgb(180,153,100) |
hsl(40,35%,55%) |
