HEX #286B85 color — Calypso
The color #286B85 is a dark shade and moderately saturated.
Palette
286B85 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(197,54%,99%) |
#e7f3f8 |
rgb(231,243,248) |
hsl(197,54%,94%) |
#d4eaf2 |
rgb(212,234,242) |
hsl(197,54%,89%) |
#c0e0ec |
rgb(192,224,236) |
hsl(197,54%,84%) |
#add6e6 |
rgb(173,214,230) |
hsl(197,54%,79%) |
#99cce1 |
rgb(153,204,225) |
hsl(197,54%,74%) |
#85c2db |
rgb(133,194,219) |
hsl(197,54%,69%) |
#72b9d5 |
rgb(114,185,213) |
hsl(197,54%,64%) |
#5eafcf |
rgb(94,175,207) |
hsl(197,54%,59%) |
#4aa5c9 |
rgb(74,165,201) |
hsl(197,54%,54%) |
#399ac0 |
rgb(57,154,192) |
hsl(197,54%,49%) |
#348aad |
rgb(52,138,173) |
hsl(197,54%,44%) |
#2e7b99 |
rgb(46,123,153) |
hsl(197,54%,39%) |
#286b86 |
rgb(40,107,134) |
hsl(197,54%,34%) |
#225b72 |
rgb(34,91,114) |
hsl(197,54%,29%) |
#1c4c5e |
rgb(28,76,94) |
hsl(197,54%,24%) |
#163c4b |
rgb(22,60,75) |
hsl(197,54%,19%) |
#102c37 |
rgb(16,44,55) |
hsl(197,54%,14%) |
#0b1c23 |
rgb(11,28,35) |
hsl(197,54%,9%) |
#050d10 |
rgb(5,13,16) |
hsl(197,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#288561 |
rgb(40,133,97) |
hsl(157,54%,34%) |
#286B85 |
rgb(40,107,133) |
hsl(197,54%,34%) |
#282E85 |
rgb(40,46,133) |
hsl(236,54%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E7D9A |
rgb(46,125,154) |
hsl(196,54%,39%) |
#286B85 |
rgb(40,107,133) |
hsl(197,54%,34%) |
#21596F |
rgb(33,89,111) |
hsl(197,54%,28%) |
#1B4A5A |
rgb(27,74,90) |
hsl(195,54%,23%) |
#143845 |
rgb(20,56,69) |
hsl(196,55%,17%) |
#0E262F |
rgb(14,38,47) |
hsl(196,54%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#286B85 |
rgb(40,107,133) |
hsl(197,54%,34%) |
#85293C |
rgb(133,41,60) |
hsl(348,53%,34%) |
#857028 |
rgb(133,112,40) |
hsl(46,54%,34%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#286B85 |
rgb(40,107,133) |
hsl(197,54%,34%) |
#854228 |
rgb(133,66,40) |
hsl(17,54%,34%) |
#288570 |
rgb(40,133,112) |
hsl(166,54%,34%) |
#857028 |
rgb(133,112,40) |
hsl(46,54%,34%) |