#2ABBCD

#2ABBCD

#CD3C2A

#CD3C2A

Contrast Ratio

2.13:1

Delta E

109.13

Very Different

50:50 Mix

#AB8579

Color Values

Format #2ABBCD #CD3C2A
HEX #2ABBCD #CD3C2A
RGB 42, 187, 205 205, 60, 42
HSL 186.6, 66.0%, 48.4% 6.6, 66.0%, 48.4%
HSV 186.6, 79.5%, 80.4% 6.6, 79.5%, 80.4%
CMYK 79.5%, 8.8%, 0.0%, 19.6% 0.0%, 70.7%, 79.5%, 19.6%
OKLCH 0.7277 0.117 207.9 0.5686 0.1847 30.6

Contrast & Accessibility

2.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CD3C2A → Background: #2ABBCD

The quick brown fox jumps over the lazy dog

Text: #2ABBCD → Background: #CD3C2A

Color Difference (Delta E)

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

Gradient

#2ABBCD #74AAB0 #959794 #AB8579 #BA705E #C55944 #CD3C2A

Color Mixing

#2ABBCD

100%

#86A1A2

75:25

#AB8579

50:50

#C06551

25:75

#CD3C2A

100%

CSS Gradient Code

background: linear-gradient(to right, #2ABBCD, #CD3C2A);
background: linear-gradient(135deg, #2ABBCD, #CD3C2A);

Explore Each Color

#2ABBCD

View full color details

#CD3C2A

View full color details

Related Comparisons