#6CB7F2

#6CB7F2

#F2A76C

#F2A76C

Contrast Ratio

1.09:1

Delta E

82.83

Very Different

50:50 Mix

#C4AFB0

Color Values

Format #6CB7F2 #F2A76C
HEX #6CB7F2 #F2A76C
RGB 108, 183, 242 242, 167, 108
HSL 206.4, 83.7%, 68.6% 26.4, 83.7%, 68.6%
HSV 206.4, 55.4%, 94.9% 26.4, 55.4%, 94.9%
CMYK 55.4%, 24.4%, 0.0%, 5.1% 0.0%, 31.0%, 55.4%, 5.1%
OKLCH 0.7542 0.1136 243.9 0.7888 0.1164 58.2

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: #F2A76C → Background: #6CB7F2

The quick brown fox jumps over the lazy dog

Text: #6CB7F2 → Background: #F2A76C

Color Difference (Delta E)

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

Gradient

#6CB7F2 #93B4DC #AEB2C6 #C4AFB0 #D5AC99 #E5AA83 #F2A76C

Color Mixing

#6CB7F2

100%

#A1B3D1

75:25

#C4AFB0

50:50

#DDAB8E

25:75

#F2A76C

100%

CSS Gradient Code

background: linear-gradient(to right, #6CB7F2, #F2A76C);
background: linear-gradient(135deg, #6CB7F2, #F2A76C);

Explore Each Color

#6CB7F2

View full color details

#F2A76C

View full color details

Related Comparisons