#22ABC5

#22ABC5

#C53C22

#C53C22

Contrast Ratio

1.9:1

Delta E

106.1

Very Different

50:50 Mix

#A27B72

Color Values

Format #22ABC5 #C53C22
HEX #22ABC5 #C53C22
RGB 34, 171, 197 197, 60, 34
HSL 189.6, 70.6%, 45.3% 9.6, 70.6%, 45.3%
HSV 189.6, 82.7%, 77.3% 9.6, 82.7%, 77.3%
CMYK 82.7%, 13.2%, 0.0%, 22.7% 0.0%, 69.5%, 82.7%, 22.7%
OKLCH 0.6843 0.1141 214.6 0.5542 0.178 32.8

Contrast & Accessibility

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C53C22 → Background: #22ABC5

The quick brown fox jumps over the lazy dog

Text: #22ABC5 → Background: #C53C22

Color Difference (Delta E)

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

Gradient

#22ABC5 #6D9CA9 #8D8C8D #A27B72 #B16957 #BD553D #C53C22

Color Mixing

#22ABC5

100%

#7F949B

75:25

#A27B72

50:50

#B7604A

25:75

#C53C22

100%

CSS Gradient Code

background: linear-gradient(to right, #22ABC5, #C53C22);
background: linear-gradient(135deg, #22ABC5, #C53C22);

Explore Each Color

#22ABC5

View full color details

#C53C22

View full color details

Related Comparisons