#3DA8CC

#3DA8CC

#CC613D

#CC613D

Contrast Ratio

1.44:1

Delta E

89.88

Very Different

50:50 Mix

#A58883

Color Values

Format #3DA8CC #CC613D
HEX #3DA8CC #CC613D
RGB 61, 168, 204 204, 97, 61
HSL 195.1, 58.4%, 52.0% 15.1, 58.4%, 52.0%
HSV 195.1, 70.1%, 80.0% 15.1, 70.1%, 80.0%
CMYK 70.1%, 17.6%, 0.0%, 20.0% 0.0%, 52.5%, 70.1%, 20.0%
OKLCH 0.6858 0.1088 224.4 0.6162 0.1453 38.9

Contrast & Accessibility

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC613D → Background: #3DA8CC

The quick brown fox jumps over the lazy dog

Text: #3DA8CC → Background: #CC613D

Color Difference (Delta E)

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

Gradient

#3DA8CC #739EB3 #90939B #A58883 #B57C6C #C26F55 #CC613D

Color Mixing

#3DA8CC

100%

#8398A7

75:25

#A58883

50:50

#BC7560

25:75

#CC613D

100%

CSS Gradient Code

background: linear-gradient(to right, #3DA8CC, #CC613D);
background: linear-gradient(135deg, #3DA8CC, #CC613D);

Explore Each Color

#3DA8CC

View full color details

#CC613D

View full color details

Related Comparisons