#22AF9D

#22AF9D

#AF2234

#AF2234

Contrast Ratio

2.48:1

Delta E

102.57

Very Different

50:50 Mix

#917666

Color Values

Format #22AF9D #AF2234
HEX #22AF9D #AF2234
RGB 34, 175, 157 175, 34, 52
HSL 172.3, 67.5%, 41.0% 352.3, 67.5%, 41.0%
HSV 172.3, 80.6%, 68.6% 352.3, 80.6%, 68.6%
CMYK 80.6%, 0.0%, 10.3%, 31.4% 0.0%, 80.6%, 70.3%, 31.4%
OKLCH 0.6796 0.1154 181.6 0.4936 0.1752 20.4

Contrast & Accessibility

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF2234 → Background: #22AF9D

The quick brown fox jumps over the lazy dog

Text: #22AF9D → Background: #AF2234

Color Difference (Delta E)

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

Gradient

#22AF9D #619D8A #7E8A78 #917666 #9E6054 #A84744 #AF2234

Color Mixing

#22AF9D

100%

#719381

75:25

#917666

50:50

#A3544C

25:75

#AF2234

100%

CSS Gradient Code

background: linear-gradient(to right, #22AF9D, #AF2234);
background: linear-gradient(135deg, #22AF9D, #AF2234);

Explore Each Color

#22AF9D

View full color details

#AF2234

View full color details

Related Comparisons