#3AF8F2

#3AF8F2

#F83A40

#F83A40

Contrast Ratio

2.8:1

Delta E

132.01

Very Different

50:50 Mix

#D2A995

Color Values

Format #3AF8F2 #F83A40
HEX #3AF8F2 #F83A40
RGB 58, 248, 242 248, 58, 64
HSL 178.1, 93.1%, 60.0% 358.1, 93.1%, 60.0%
HSV 178.1, 76.6%, 97.3% 358.1, 76.6%, 97.3%
CMYK 76.6%, 0.0%, 2.4%, 2.7% 0.0%, 76.6%, 74.2%, 2.7%
OKLCH 0.8892 0.1431 191.6 0.6431 0.2247 24.9

Contrast & Accessibility

2.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F83A40 → Background: #3AF8F2

The quick brown fox jumps over the lazy dog

Text: #3AF8F2 → Background: #F83A40

Color Difference (Delta E)

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

Gradient

#3AF8F2 #91DED2 #B8C4B3 #D2A995 #E38B77 #F0695B #F83A40

Color Mixing

#3AF8F2

100%

#A7D1C2

75:25

#D2A995

50:50

#EA7B69

25:75

#F83A40

100%

CSS Gradient Code

background: linear-gradient(to right, #3AF8F2, #F83A40);
background: linear-gradient(135deg, #3AF8F2, #F83A40);

Explore Each Color

#3AF8F2

View full color details

#F83A40

View full color details

Related Comparisons