#5FA2CC

#5FA2CC

#CC895F

#CC895F

Contrast Ratio

1.03:1

Delta E

68.04

Very Different

50:50 Mix

#A69695

Color Values

Format #5FA2CC #CC895F
HEX #5FA2CC #CC895F
RGB 95, 162, 204 204, 137, 95
HSL 203.1, 51.7%, 58.6% 23.1, 51.7%, 58.6%
HSV 203.1, 53.4%, 80.0% 23.1, 53.4%, 80.0%
CMYK 53.4%, 20.6%, 0.0%, 20.0% 0.0%, 32.8%, 53.4%, 20.0%
OKLCH 0.6843 0.0924 237.7 0.6887 0.1001 52.4

Contrast & Accessibility

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC895F → Background: #5FA2CC

The quick brown fox jumps over the lazy dog

Text: #5FA2CC → Background: #CC895F

Color Difference (Delta E)

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

Gradient

#5FA2CC #7E9EBA #949AA8 #A69695 #B59283 #C18D71 #CC895F

Color Mixing

#5FA2CC

100%

#8A9CB1

75:25

#A69695

50:50

#BB907A

25:75

#CC895F

100%

CSS Gradient Code

background: linear-gradient(to right, #5FA2CC, #CC895F);
background: linear-gradient(135deg, #5FA2CC, #CC895F);

Explore Each Color

#5FA2CC

View full color details

#CC895F

View full color details

Related Comparisons