#4AF2F3

#4AF2F3

#F34B4A

#F34B4A

Contrast Ratio

2.58:1

Delta E

120.73

Very Different

50:50 Mix

#CEA99B

Color Values

Format #4AF2F3 #F34B4A
HEX #4AF2F3 #F34B4A
RGB 74, 242, 243 243, 75, 74
HSL 180.4, 87.6%, 62.2% 0.4, 87.6%, 62.2%
HSV 180.4, 69.5%, 95.3% 0.4, 69.5%, 95.3%
CMYK 69.5%, 0.4%, 0.0%, 4.7% 0.0%, 69.1%, 69.5%, 4.7%
OKLCH 0.8784 0.1337 195.6 0.651 0.2049 25.2

Contrast & Accessibility

2.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F34B4A → Background: #4AF2F3

The quick brown fox jumps over the lazy dog

Text: #4AF2F3 → Background: #F34B4A

Color Difference (Delta E)

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

Gradient

#4AF2F3 #92DAD5 #B6C2B7 #CEA99B #DF8E7F #EB7064 #F34B4A

Color Mixing

#4AF2F3

100%

#A6CFC6

75:25

#CEA99B

50:50

#E58071

25:75

#F34B4A

100%

CSS Gradient Code

background: linear-gradient(to right, #4AF2F3, #F34B4A);
background: linear-gradient(135deg, #4AF2F3, #F34B4A);

Explore Each Color

#4AF2F3

View full color details

#F34B4A

View full color details

Related Comparisons