HEX #286B88 color — Calypso
The color #286B88 is a dark shade and moderately saturated.
Palette
286B88 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5f9 |
rgb(235,245,249) |
hsl(198,55%,95%) |
#d7ebf4 |
rgb(215,235,244) |
hsl(198,55%,90%) |
#c4e1ee |
rgb(196,225,238) |
hsl(198,55%,85%) |
#b0d7e8 |
rgb(176,215,232) |
hsl(198,55%,80%) |
#9ccde2 |
rgb(156,205,226) |
hsl(198,55%,75%) |
#88c3dd |
rgb(136,195,221) |
hsl(198,55%,70%) |
#75b9d7 |
rgb(117,185,215) |
hsl(198,55%,65%) |
#61afd1 |
rgb(97,175,209) |
hsl(198,55%,60%) |
#4da5cb |
rgb(77,165,203) |
hsl(198,55%,55%) |
#399cc6 |
rgb(57,156,198) |
hsl(198,55%,50%) |
#348cb2 |
rgb(52,140,178) |
hsl(198,55%,45%) |
#2e7c9e |
rgb(46,124,158) |
hsl(198,55%,40%) |
#286d8a |
rgb(40,109,138) |
hsl(198,55%,35%) |
#225d77 |
rgb(34,93,119) |
hsl(198,55%,30%) |
#1d4e63 |
rgb(29,78,99) |
hsl(198,55%,25%) |
#173e4f |
rgb(23,62,79) |
hsl(198,55%,20%) |
#112f3b |
rgb(17,47,59) |
hsl(198,55%,15%) |
#0b1f28 |
rgb(11,31,40) |
hsl(198,55%,10%) |
#061014 |
rgb(6,16,20) |
hsl(198,55%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#288765 |
rgb(40,135,101) |
hsl(159,54%,34%) |
#286B88 |
rgb(40,107,136) |
hsl(198,55%,35%) |
#282B88 |
rgb(40,43,136) |
hsl(238,55%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E7D9D |
rgb(46,125,157) |
hsl(197,55%,40%) |
#286B88 |
rgb(40,107,136) |
hsl(198,55%,35%) |
#215972 |
rgb(33,89,114) |
hsl(199,55%,29%) |
#1B4A5C |
rgb(27,74,92) |
hsl(197,55%,23%) |
#143846 |
rgb(20,56,70) |
hsl(197,56%,18%) |
#0E2630 |
rgb(14,38,48) |
hsl(198,55%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#286B88 |
rgb(40,107,136) |
hsl(198,55%,35%) |
#88293B |
rgb(136,41,59) |
hsl(349,54%,35%) |
#887528 |
rgb(136,117,40) |
hsl(48,55%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#286B88 |
rgb(40,107,136) |
hsl(198,55%,35%) |
#884528 |
rgb(136,69,40) |
hsl(18,55%,35%) |
#288775 |
rgb(40,135,117) |
hsl(169,54%,34%) |
#887528 |
rgb(136,117,40) |
hsl(48,55%,35%) |