#2BAFAF

#2BAFAF

#AF2B2B

#AF2B2B

Contrast Ratio

2.45:1

Delta E

99.54

Very Different

50:50 Mix

#94776A

Color Values

Format #2BAFAF #AF2B2B
HEX #2BAFAF #AF2B2B
RGB 43, 175, 175 175, 43, 43
HSL 180.0, 60.6%, 42.7% 0.0, 60.6%, 42.7%
HSV 180.0, 75.4%, 68.6% 0.0, 75.4%, 68.6%
CMYK 75.4%, 0.0%, 0.0%, 31.4% 0.0%, 75.4%, 75.4%, 31.4%
OKLCH 0.6872 0.108 194.9 0.4997 0.1688 25.8

Contrast & Accessibility

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF2B2B → Background: #2BAFAF

The quick brown fox jumps over the lazy dog

Text: #2BAFAF → Background: #AF2B2B

Color Difference (Delta E)

99.54 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#2BAFAF #669D97 #828A80 #94776A #A16254 #A94A3F #AF2B2B

Color Mixing

#2BAFAF

100%

#76948C

75:25

#94776A

50:50

#A5574A

25:75

#AF2B2B

100%

CSS Gradient Code

background: linear-gradient(to right, #2BAFAF, #AF2B2B);
background: linear-gradient(135deg, #2BAFAF, #AF2B2B);

Explore Each Color

#2BAFAF

View full color details

#AF2B2B

View full color details

Related Comparisons