HEX #306E82 color — Calypso
The color #306e82 is a dark shade and moderately saturated.
Palette
306e82 color palette from light to dark
HEX |
RGB |
HSL |
#ecf5f8 |
rgb(236,245,248) |
hsl(195,46%,95%) |
#daebf1 |
rgb(218,235,241) |
hsl(195,46%,90%) |
#c7e2ea |
rgb(199,226,234) |
hsl(195,46%,85%) |
#b5d8e3 |
rgb(181,216,227) |
hsl(195,46%,80%) |
#a2cedd |
rgb(162,206,221) |
hsl(195,46%,75%) |
#8fc4d6 |
rgb(143,196,214) |
hsl(195,46%,70%) |
#7dbacf |
rgb(125,186,207) |
hsl(195,46%,65%) |
#6ab0c8 |
rgb(106,176,200) |
hsl(195,46%,60%) |
#57a7c1 |
rgb(87,167,193) |
hsl(195,46%,55%) |
#459dba |
rgb(69,157,186) |
hsl(195,46%,50%) |
#3e8da8 |
rgb(62,141,168) |
hsl(195,46%,45%) |
#377d95 |
rgb(55,125,149) |
hsl(195,46%,40%) |
#306e82 |
rgb(48,110,130) |
hsl(195,46%,35%) |
#295e70 |
rgb(41,94,112) |
hsl(195,46%,30%) |
#224e5d |
rgb(34,78,93) |
hsl(195,46%,25%) |
#1c3f4a |
rgb(28,63,74) |
hsl(195,46%,20%) |
#152f38 |
rgb(21,47,56) |
hsl(195,46%,15%) |
#0e1f25 |
rgb(14,31,37) |
hsl(195,46%,10%) |
#071013 |
rgb(7,16,19) |
hsl(195,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30825F |
rgb(48,130,95) |
hsl(154,46%,35%) |
#306E82 |
rgb(48,110,130) |
hsl(195,46%,35%) |
#303882 |
rgb(48,56,130) |
hsl(234,46%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#378096 |
rgb(55,128,150) |
hsl(194,46%,40%) |
#306E82 |
rgb(48,110,130) |
hsl(195,46%,35%) |
#285C6D |
rgb(40,92,109) |
hsl(195,46%,29%) |
#204A58 |
rgb(32,74,88) |
hsl(195,47%,24%) |
#183843 |
rgb(24,56,67) |
hsl(195,47%,18%) |
#11292E |
rgb(17,41,46) |
hsl(190,46%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#306E82 |
rgb(48,110,130) |
hsl(195,46%,35%) |
#823045 |
rgb(130,48,69) |
hsl(345,46%,35%) |
#826E30 |
rgb(130,110,48) |
hsl(45,46%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306E82 |
rgb(48,110,130) |
hsl(195,46%,35%) |
#824530 |
rgb(130,69,48) |
hsl(15,46%,35%) |
#30826D |
rgb(48,130,109) |
hsl(165,46%,35%) |
#826E30 |
rgb(130,110,48) |
hsl(45,46%,35%) |