#3CF8F8

#3CF8F8

#F83C3C

#F83C3C

Contrast Ratio

2.8:1

Delta E

131.95

Very Different

50:50 Mix

#D3A996

Color Values

Format #3CF8F8 #F83C3C
HEX #3CF8F8 #F83C3C
RGB 60, 248, 248 248, 60, 60
HSL 180.0, 93.1%, 60.4% 0.0, 93.1%, 60.4%
HSV 180.0, 75.8%, 97.3% 0.0, 75.8%, 97.3%
CMYK 75.8%, 0.0%, 0.0%, 2.7% 0.0%, 75.8%, 75.8%, 2.7%
OKLCH 0.8915 0.1418 194.9 0.6442 0.2236 26.2

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: #F83C3C → Background: #3CF8F8

The quick brown fox jumps over the lazy dog

Text: #3CF8F8 → Background: #F83C3C

Color Difference (Delta E)

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

Gradient

#3CF8F8 #93DED6 #BAC4B6 #D3A996 #E48B77 #F06A59 #F83C3C

Color Mixing

#3CF8F8

100%

#A9D1C6

75:25

#D3A996

50:50

#EB7B68

25:75

#F83C3C

100%

CSS Gradient Code

background: linear-gradient(to right, #3CF8F8, #F83C3C);
background: linear-gradient(135deg, #3CF8F8, #F83C3C);

Explore Each Color

#3CF8F8

View full color details

#F83C3C

View full color details

Related Comparisons