seafoam blue Color Codes
Color Preview
Seafoam Blue Color Codes
Related Colors
Complementary
#995a52
Analogous
hsl(217, 30%, 54%)
hsl(157, 30%, 54%)
Triadic
hsl(307, 30%, 54%)
hsl(67, 30%, 54%)
Tetradic
hsl(277, 30%, 54%)
hsl(7, 30%, 54%)
hsl(97, 30%, 54%)
HTML Snippets
.element { background-color: #66A5AD; }.element { color: #66A5AD; }This is how the text color would appear.
<span style="color: #66A5AD;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black7.55 (AA)
White2.78 (Fail)
Shades of Seafoam Blue
hsl(187, 30%, 24%)
hsl(187, 30%, 39%)
#66A5AD
hsl(187, 30%, 69%)
hsl(187, 30%, 84%)
Color Blindness Simulations
Protanopia (Red-Blind)
#81829c
Deuteranopia (Green-Blind)
#7e7998
Tritanopia (Blue-Blind)
#698a87
Related Palettes
About seafoam blue
seafoam blue (#66A5AD) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.