HEX #285E82 color — Calypso
The color #285E82 is a dark shade and moderately saturated.
Palette
285E82 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(204,53%,98%) |
#e4eff7 |
rgb(228,239,247) |
hsl(204,53%,93%) |
#d0e4f1 |
rgb(208,228,241) |
hsl(204,53%,88%) |
#bdd8eb |
rgb(189,216,235) |
hsl(204,53%,83%) |
#a9cde5 |
rgb(169,205,229) |
hsl(204,53%,78%) |
#96c1df |
rgb(150,193,223) |
hsl(204,53%,73%) |
#82b6d9 |
rgb(130,182,217) |
hsl(204,53%,68%) |
#6fabd3 |
rgb(111,171,211) |
hsl(204,53%,63%) |
#5b9fcd |
rgb(91,159,205) |
hsl(204,53%,58%) |
#4894c7 |
rgb(72,148,199) |
hsl(204,53%,53%) |
#3a87bb |
rgb(58,135,187) |
hsl(204,53%,48%) |
#3479a8 |
rgb(52,121,168) |
hsl(204,53%,43%) |
#2e6b94 |
rgb(46,107,148) |
hsl(204,53%,38%) |
#285d81 |
rgb(40,93,129) |
hsl(204,53%,33%) |
#224f6d |
rgb(34,79,109) |
hsl(204,53%,28%) |
#1c415a |
rgb(28,65,90) |
hsl(204,53%,23%) |
#163346 |
rgb(22,51,70) |
hsl(204,53%,18%) |
#102533 |
rgb(16,37,51) |
hsl(204,53%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(204,53%,8%) |
#04080c |
rgb(4,8,12) |
hsl(204,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#28826A |
rgb(40,130,106) |
hsl(164,53%,33%) |
#285E82 |
rgb(40,94,130) |
hsl(204,53%,33%) |
#2E2982 |
rgb(46,41,130) |
hsl(243,52%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6E96 |
rgb(46,110,150) |
hsl(203,53%,38%) |
#285E82 |
rgb(40,94,130) |
hsl(204,53%,33%) |
#214F6D |
rgb(33,79,109) |
hsl(204,54%,28%) |
#1B4058 |
rgb(27,64,88) |
hsl(204,53%,23%) |
#143043 |
rgb(20,48,67) |
hsl(204,54%,17%) |
#0E212E |
rgb(14,33,46) |
hsl(204,53%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#285E82 |
rgb(40,94,130) |
hsl(204,53%,33%) |
#822931 |
rgb(130,41,49) |
hsl(355,52%,34%) |
#827828 |
rgb(130,120,40) |
hsl(53,53%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285E82 |
rgb(40,94,130) |
hsl(204,53%,33%) |
#824D28 |
rgb(130,77,40) |
hsl(25,53%,33%) |
#288279 |
rgb(40,130,121) |
hsl(174,53%,33%) |
#827828 |
rgb(130,120,40) |
hsl(53,53%,33%) |