Contrasting Yellow Color – #f2c200: Codes and Complete Breakdown

The Contrasting Yellow color hex code is #f2c200, and it is composed of 95% red, 76% green and 0% blue.

Contrasting Yellow is a light, vibrant, saturated, and warm color at 100% saturation. It has a contrast ratio of 1.68: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 Contrasting Yellow color (#f2c200) against dark backgrounds.

Contrasting Yellow Color Shades

Complementary colors

1. #F2C200

2. #0030F2

Triadic colors

1. #F2C200

2. #00F2C2

3. #C200F2

Tints or lighter colors

1. #FFD426

2. #FFDE59

3. #FFE88C

4. #FFF2BF

5. #FFFCF2

Darker colors

1. #BF9900

2. #8C7000

3. #594700

4. #261F00

Analogous colors

1. #F20030

2. #F24900

3. #F2C200

4. #AAF200

5. #30F200

Monochromatic colors

1. #A68500

2. #D9AD00

3. #FFCF0D

4. #FFD940

5. #FBE176