#3FCCCC

#3FCCCC

#CC3F3F

#CC3F3F

Contrast Ratio

2.46:1

Delta E

104.88

Very Different

50:50 Mix

#AD8E82

Color Values

Format #3FCCCC #CC3F3F
HEX #3FCCCC #CC3F3F
RGB 63, 204, 204 204, 63, 63
HSL 180.0, 58.0%, 52.4% 0.0, 58.0%, 52.4%
HSV 180.0, 69.1%, 80.0% 0.0, 69.1%, 80.0%
CMYK 69.1%, 0.0%, 0.0%, 20.0% 0.0%, 69.1%, 69.1%, 20.0%
OKLCH 0.7726 0.1168 195.0 0.5726 0.1779 24.7

Contrast & Accessibility

2.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC3F3F → Background: #3FCCCC

The quick brown fox jumps over the lazy dog

Text: #3FCCCC → Background: #CC3F3F

Color Difference (Delta E)

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

Gradient

#3FCCCC #7AB8B3 #98A49A #AD8E82 #BB786B #C55E55 #CC3F3F

Color Mixing

#3FCCCC

100%

#8BAEA7

75:25

#AD8E82

50:50

#C06B60

25:75

#CC3F3F

100%

CSS Gradient Code

background: linear-gradient(to right, #3FCCCC, #CC3F3F);
background: linear-gradient(135deg, #3FCCCC, #CC3F3F);

Explore Each Color

#3FCCCC

View full color details

#CC3F3F

View full color details

Related Comparisons