#6BA0CC

#6BA0CC

#CC976B

#CC976B

Contrast Ratio

1.09:1

Delta E

62.26

Very Different

50:50 Mix

#A89C9C

Color Values

Format #6BA0CC #CC976B
HEX #6BA0CC #CC976B
RGB 107, 160, 204 204, 151, 107
HSL 207.2, 48.7%, 61.0% 27.2, 48.7%, 61.0%
HSV 207.2, 47.5%, 80.0% 27.2, 47.5%, 80.0%
CMYK 47.5%, 21.6%, 0.0%, 20.0% 0.0%, 26.0%, 47.5%, 20.0%
OKLCH 0.6858 0.0862 244.6 0.717 0.087 60.5

Contrast & Accessibility

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC976B → Background: #6BA0CC

The quick brown fox jumps over the lazy dog

Text: #6BA0CC → Background: #CC976B

Color Difference (Delta E)

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

Gradient

#6BA0CC #849FBC #989DAC #A89C9C #B59A8C #C1997B #CC976B

Color Mixing

#6BA0CC

100%

#8F9EB4

75:25

#A89C9C

50:50

#BC9984

25:75

#CC976B

100%

CSS Gradient Code

background: linear-gradient(to right, #6BA0CC, #CC976B);
background: linear-gradient(135deg, #6BA0CC, #CC976B);

Explore Each Color

#6BA0CC

View full color details

#CC976B

View full color details

Related Comparisons