#3BC7CC

#3BC7CC

#CC403B

#CC403B

Contrast Ratio

2.34:1

Delta E

104.46

Very Different

50:50 Mix

#AC8C80

Color Values

Format #3BC7CC #CC403B
HEX #3BC7CC #CC403B
RGB 59, 199, 204 204, 64, 59
HSL 182.1, 58.7%, 51.6% 2.1, 58.7%, 51.6%
HSV 182.1, 71.1%, 80.0% 2.1, 71.1%, 80.0%
CMYK 71.1%, 2.5%, 0.0%, 20.0% 0.0%, 68.6%, 71.1%, 20.0%
OKLCH 0.7597 0.1155 198.6 0.5731 0.1775 26.4

Contrast & Accessibility

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC403B → Background: #3BC7CC

The quick brown fox jumps over the lazy dog

Text: #3BC7CC → Background: #CC403B

Color Difference (Delta E)

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

Gradient

#3BC7CC #78B4B2 #97A099 #AC8C80 #BA7669 #C55E51 #CC403B

Color Mixing

#3BC7CC

100%

#89AAA6

75:25

#AC8C80

50:50

#C06B5D

25:75

#CC403B

100%

CSS Gradient Code

background: linear-gradient(to right, #3BC7CC, #CC403B);
background: linear-gradient(135deg, #3BC7CC, #CC403B);

Explore Each Color

#3BC7CC

View full color details

#CC403B

View full color details

Related Comparisons