#00AEAF

#00AEAF

#AF0100

#AF0100

Contrast Ratio

2.71:1

Delta E

117.61

Very Different

50:50 Mix

Color Values

Format #00AEAF #AF0100
HEX #00AEAF #AF0100
RGB 0, 174, 175 175, 1, 0
HSL 180.3, 100.0%, 34.3% 0.3, 100.0%, 34.3%
HSV 180.3, 100.0%, 68.6% 0.3, 100.0%, 68.6%
CMYK 100.0%, 0.6%, 0.0%, 31.4% 0.0%, 99.4%, 100.0%, 31.4%
OKLCH 0.6802 0.116 195.5 0.4738 0.194 29.3

Contrast & Accessibility

2.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF0100 β†’ Background: #00AEAF

The quick brown fox jumps over the lazy dog

Text: #00AEAF β†’ Background: #AF0100

Color Difference (Delta E)

117.61 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #00AEAF, #AF0100);
background: linear-gradient(135deg, #00AEAF, #AF0100);

Explore Each Color

Related Comparisons