Modal Color – #31a6d1: Codes and Complete Breakdown

The Modal color hex code is #31a6d1, and it is composed of 19% red, 65% green and 82% blue.

Modal is a light, bright, and cool color at 77% saturation. It has a contrast ratio of 2.8:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Modal color (#31a6d1) against dark backgrounds.

Modal Color Shades

Complementary colors

1. #31A6D1

2. #D15C31

Triadic colors

1. #31A6D1

2. #D131A6

3. #A6D131

Tints or lighter colors

1. #5BB8DA

2. #84CAE4

3. #AEDCED

4. #D8EEF6

Darker colors

1. #2686A9

2. #1C6580

3. #134456

4. #0A232C

5. #010203

Analogous colors

1. #31D15C

2. #31D1AC

3. #31A6D1

4. #3156D1

5. #5C31D1

Monochromatic colors

1. #147CA2

2. #1F9CCA

3. #40B2DB

4. #70C1DF

5. #9CD2E5