#3CCEDF

#3CCEDF

#DF4D3C

#DF4D3C

Contrast Ratio

2.11:1

Delta E

109.11

Very Different

50:50 Mix

#B9958B

Color Values

Format #3CCEDF #DF4D3C
HEX #3CCEDF #DF4D3C
RGB 60, 206, 223 223, 77, 60
HSL 186.3, 71.8%, 55.5% 6.3, 71.8%, 55.5%
HSV 186.3, 73.1%, 87.5% 6.3, 73.1%, 87.5%
CMYK 73.1%, 7.6%, 0.0%, 12.5% 0.0%, 65.5%, 73.1%, 12.5%
OKLCH 0.7836 0.1207 206.6 0.6188 0.1849 29.8

Contrast & Accessibility

2.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF4D3C → Background: #3CCEDF

The quick brown fox jumps over the lazy dog

Text: #3CCEDF → Background: #DF4D3C

Color Difference (Delta E)

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

Gradient

#3CCEDF #81BCC2 #A3A9A6 #B9958B #CA8070 #D66956 #DF4D3C

Color Mixing

#3CCEDF

100%

#94B2B4

75:25

#B9958B

50:50

#D07563

25:75

#DF4D3C

100%

CSS Gradient Code

background: linear-gradient(to right, #3CCEDF, #DF4D3C);
background: linear-gradient(135deg, #3CCEDF, #DF4D3C);

Explore Each Color

#3CCEDF

View full color details

#DF4D3C

View full color details

Related Comparisons