#4AF2F4

#4AF2F4

#F44C4A

#F44C4A

Contrast Ratio

2.56:1

Delta E

120.74

Very Different

50:50 Mix

#CFAA9B

Color Values

Format #4AF2F4 #F44C4A
HEX #4AF2F4 #F44C4A
RGB 74, 242, 244 244, 76, 74
HSL 180.7, 88.5%, 62.4% 0.7, 88.5%, 62.4%
HSV 180.7, 69.7%, 95.7% 0.7, 69.7%, 95.7%
CMYK 69.7%, 0.8%, 0.0%, 4.3% 0.0%, 68.9%, 69.7%, 4.3%
OKLCH 0.8787 0.1336 196.2 0.6537 0.205 25.4

Contrast & Accessibility

2.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F44C4A → Background: #4AF2F4

The quick brown fox jumps over the lazy dog

Text: #4AF2F4 → Background: #F44C4A

Color Difference (Delta E)

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

Gradient

#4AF2F4 #92DBD6 #B6C3B8 #CFAA9B #DF8F7F #EC7164 #F44C4A

Color Mixing

#4AF2F4

100%

#A6CFC7

75:25

#CFAA9B

50:50

#E68172

25:75

#F44C4A

100%

CSS Gradient Code

background: linear-gradient(to right, #4AF2F4, #F44C4A);
background: linear-gradient(135deg, #4AF2F4, #F44C4A);

Explore Each Color

#4AF2F4

View full color details

#F44C4A

View full color details

Related Comparisons