HEX #306869 color — Casal
The color #306869 is a dark shade and moderately saturated.
Palette
306869 color palette from light to dark
HEX |
RGB |
HSL |
#eef7f7 |
rgb(238,247,247) |
hsl(181,37%,95%) |
#dcefef |
rgb(220,239,239) |
hsl(181,37%,90%) |
#cbe6e7 |
rgb(203,230,231) |
hsl(181,37%,85%) |
#b9dedf |
rgb(185,222,223) |
hsl(181,37%,80%) |
#a8d6d7 |
rgb(168,214,215) |
hsl(181,37%,75%) |
#96cecf |
rgb(150,206,207) |
hsl(181,37%,70%) |
#85c6c7 |
rgb(133,198,199) |
hsl(181,37%,65%) |
#73bdbf |
rgb(115,189,191) |
hsl(181,37%,60%) |
#62b5b7 |
rgb(98,181,183) |
hsl(181,37%,55%) |
#50adaf |
rgb(80,173,175) |
hsl(181,37%,50%) |
#489c9d |
rgb(72,156,157) |
hsl(181,37%,45%) |
#408a8c |
rgb(64,138,140) |
hsl(181,37%,40%) |
#38797a |
rgb(56,121,122) |
hsl(181,37%,35%) |
#306869 |
rgb(48,104,105) |
hsl(181,37%,30%) |
#285757 |
rgb(40,87,87) |
hsl(181,37%,25%) |
#204546 |
rgb(32,69,70) |
hsl(181,37%,20%) |
#183434 |
rgb(24,52,52) |
hsl(181,37%,15%) |
#102323 |
rgb(16,35,35) |
hsl(181,37%,10%) |
#081111 |
rgb(8,17,17) |
hsl(181,37%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#306944 |
rgb(48,105,68) |
hsl(141,37%,30%) |
#306869 |
rgb(48,104,105) |
hsl(181,37%,30%) |
#304269 |
rgb(48,66,105) |
hsl(221,37%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377879 |
rgb(55,120,121) |
hsl(181,38%,35%) |
#306869 |
rgb(48,104,105) |
hsl(181,37%,30%) |
#285758 |
rgb(40,87,88) |
hsl(181,38%,25%) |
#204747 |
rgb(32,71,71) |
hsl(180,38%,20%) |
#183636 |
rgb(24,54,54) |
hsl(180,38%,15%) |
#112625 |
rgb(17,38,37) |
hsl(177,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306869 |
rgb(48,104,105) |
hsl(181,37%,30%) |
#69304B |
rgb(105,48,75) |
hsl(332,37%,30%) |
#694D30 |
rgb(105,77,48) |
hsl(31,37%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306869 |
rgb(48,104,105) |
hsl(181,37%,30%) |
#693030 |
rgb(105,48,48) |
hsl(360,37%,30%) |
#30694D |
rgb(48,105,77) |
hsl(151,37%,30%) |
#694D30 |
rgb(105,77,48) |
hsl(31,37%,30%) |