Hero Color – #005d6a: Codes and Complete Breakdown

The Hero color hex code is #005d6a, and it is composed of 0% red, 36% green and 42% blue.

Hero is a dark, vibrant, saturated, and cool color at 100% saturation. It has a contrast ratio of 7.57:1 against a white background, which passes WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Hero color (#005d6a) against light backgrounds.

Hero Color Shades

Complementary colors

1. #005E6A

2. #991200

Triadic colors

1. #005E6A

2. #990087

3. #879900

Tints or lighter colors

1. #008B9D

2. #00B8D0

3. #04E2FF

4. #37E8FF

5. #6AEEFF

Darker colors

1. #003137

2. #000404

Analogous colors

1. #006A0C

2. #006A41

3. #005E6A

4. #00296A

5. #0C006A

Monochromatic colors

1. #001A1E

2. #004751

3. #007484

4. #00A1B7

5. #06CAE4