#31BBCC

#31BBCC

#CC4231

#CC4231

Contrast Ratio

2.07:1

Delta E

104.67

Very Different

50:50 Mix

#A9867C

Color Values

Format #31BBCC #CC4231
HEX #31BBCC #CC4231
RGB 49, 187, 204 204, 66, 49
HSL 186.6, 61.3%, 49.6% 6.6, 61.3%, 49.6%
HSV 186.6, 76.0%, 80.0% 6.6, 76.0%, 80.0%
CMYK 76.0%, 8.3%, 0.0%, 20.0% 0.0%, 67.6%, 76.0%, 20.0%
OKLCH 0.7286 0.1144 207.4 0.574 0.1773 30.3

Contrast & Accessibility

2.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC4231 → Background: #31BBCC

The quick brown fox jumps over the lazy dog

Text: #31BBCC → Background: #CC4231

Color Difference (Delta E)

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

Gradient

#31BBCC #74AAB1 #949996 #A9867C #B97362 #C45D4A #CC4231

Color Mixing

#31BBCC

100%

#86A1A3

75:25

#A9867C

50:50

#BF6856

25:75

#CC4231

100%

CSS Gradient Code

background: linear-gradient(to right, #31BBCC, #CC4231);
background: linear-gradient(135deg, #31BBCC, #CC4231);

Explore Each Color

#31BBCC

View full color details

#CC4231

View full color details

Related Comparisons