HEX #31828E color — Calypso
The color #31828E is a dark shade and moderately saturated.
Palette
31828E color palette from light to dark
HEX |
RGB |
HSL |
#f4fafb |
rgb(244,250,251) |
hsl(188,49%,97%) |
#e1f2f5 |
rgb(225,242,245) |
hsl(188,49%,92%) |
#ceeaee |
rgb(206,234,238) |
hsl(188,49%,87%) |
#bbe2e8 |
rgb(187,226,232) |
hsl(188,49%,82%) |
#a8d9e1 |
rgb(168,217,225) |
hsl(188,49%,77%) |
#95d1db |
rgb(149,209,219) |
hsl(188,49%,72%) |
#82c9d4 |
rgb(130,201,212) |
hsl(188,49%,67%) |
#6fc1ce |
rgb(111,193,206) |
hsl(188,49%,62%) |
#5cb9c7 |
rgb(92,185,199) |
hsl(188,49%,57%) |
#49b1c1 |
rgb(73,177,193) |
hsl(188,49%,52%) |
#3da3b3 |
rgb(61,163,179) |
hsl(188,49%,47%) |
#3792a0 |
rgb(55,146,160) |
hsl(188,49%,42%) |
#30808d |
rgb(48,128,141) |
hsl(188,49%,37%) |
#2a6f7a |
rgb(42,111,122) |
hsl(188,49%,32%) |
#235e67 |
rgb(35,94,103) |
hsl(188,49%,27%) |
#1d4c54 |
rgb(29,76,84) |
hsl(188,49%,22%) |
#163b41 |
rgb(22,59,65) |
hsl(188,49%,17%) |
#102a2e |
rgb(16,42,46) |
hsl(188,49%,12%) |
#09181b |
rgb(9,24,27) |
hsl(188,49%,7%) |
#030708 |
rgb(3,7,8) |
hsl(188,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#318F5C |
rgb(49,143,92) |
hsl(147,49%,38%) |
#31828E |
rgb(49,130,142) |
hsl(188,49%,37%) |
#31458E |
rgb(49,69,142) |
hsl(227,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3896A4 |
rgb(56,150,164) |
hsl(188,49%,43%) |
#31828E |
rgb(49,130,142) |
hsl(188,49%,37%) |
#296E77 |
rgb(41,110,119) |
hsl(187,49%,31%) |
#215960 |
rgb(33,89,96) |
hsl(187,49%,25%) |
#194549 |
rgb(25,69,73) |
hsl(185,49%,19%) |
#112E33 |
rgb(17,46,51) |
hsl(189,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#31828E |
rgb(49,130,142) |
hsl(188,49%,37%) |
#8E3053 |
rgb(142,48,83) |
hsl(338,49%,37%) |
#8E6B31 |
rgb(142,107,49) |
hsl(37,49%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#31828E |
rgb(49,130,142) |
hsl(188,49%,37%) |
#8E3D31 |
rgb(142,61,49) |
hsl(8,49%,37%) |
#318F6B |
rgb(49,143,107) |
hsl(157,49%,38%) |
#8E6B31 |
rgb(142,107,49) |
hsl(37,49%,37%) |