HEX #305E66 color — Casal
The color #305E66 is a dark shade and moderately saturated.
Palette
305E66 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(189,36%,99%) |
#eaf4f5 |
rgb(234,244,245) |
hsl(189,36%,94%) |
#d9eaed |
rgb(217,234,237) |
hsl(189,36%,89%) |
#c8e0e5 |
rgb(200,224,229) |
hsl(189,36%,84%) |
#b6d7dd |
rgb(182,215,221) |
hsl(189,36%,79%) |
#a5cdd5 |
rgb(165,205,213) |
hsl(189,36%,74%) |
#93c4cc |
rgb(147,196,204) |
hsl(189,36%,69%) |
#82bac4 |
rgb(130,186,196) |
hsl(189,36%,64%) |
#71b1bc |
rgb(113,177,188) |
hsl(189,36%,59%) |
#5fa7b4 |
rgb(95,167,180) |
hsl(189,36%,54%) |
#509caa |
rgb(80,156,170) |
hsl(189,36%,49%) |
#488c99 |
rgb(72,140,153) |
hsl(189,36%,44%) |
#407d87 |
rgb(64,125,135) |
hsl(189,36%,39%) |
#376d76 |
rgb(55,109,118) |
hsl(189,36%,34%) |
#2f5d65 |
rgb(47,93,101) |
hsl(189,36%,29%) |
#274d53 |
rgb(39,77,83) |
hsl(189,36%,24%) |
#1f3d42 |
rgb(31,61,66) |
hsl(189,36%,19%) |
#172d31 |
rgb(23,45,49) |
hsl(189,36%,14%) |
#0f1d1f |
rgb(15,29,31) |
hsl(189,36%,9%) |
#070d0e |
rgb(7,13,14) |
hsl(189,36%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30664A |
rgb(48,102,74) |
hsl(149,36%,29%) |
#305E66 |
rgb(48,94,102) |
hsl(189,36%,29%) |
#303B66 |
rgb(48,59,102) |
hsl(228,36%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376E76 |
rgb(55,110,118) |
hsl(188,36%,34%) |
#305E66 |
rgb(48,94,102) |
hsl(189,36%,29%) |
#284F55 |
rgb(40,79,85) |
hsl(188,36%,25%) |
#204045 |
rgb(32,64,69) |
hsl(188,37%,20%) |
#183035 |
rgb(24,48,53) |
hsl(190,38%,15%) |
#112124 |
rgb(17,33,36) |
hsl(189,36%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#305E66 |
rgb(48,94,102) |
hsl(189,36%,29%) |
#663043 |
rgb(102,48,67) |
hsl(339,36%,29%) |
#665430 |
rgb(102,84,48) |
hsl(40,36%,29%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305E66 |
rgb(48,94,102) |
hsl(189,36%,29%) |
#663830 |
rgb(102,56,48) |
hsl(9,36%,29%) |
#306653 |
rgb(48,102,83) |
hsl(159,36%,29%) |
#665430 |
rgb(102,84,48) |
hsl(40,36%,29%) |