#6BAEDF

#6BAEDF

#DF9C6B

#DF9C6B

Contrast Ratio

1.04:1

Delta E

72.14

Very Different

50:50 Mix

#B6A5A5

Color Values

Format #6BAEDF #DF9C6B
HEX #6BAEDF #DF9C6B
RGB 107, 174, 223 223, 156, 107
HSL 205.3, 64.4%, 64.7% 25.3, 64.4%, 64.7%
HSV 205.3, 52.0%, 87.5% 25.3, 52.0%, 87.5%
CMYK 52.0%, 22.0%, 0.0%, 12.5% 0.0%, 30.0%, 52.0%, 12.5%
OKLCH 0.7254 0.099 241.6 0.7473 0.1031 56.6

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9C6B → Background: #6BAEDF

The quick brown fox jumps over the lazy dog

Text: #6BAEDF → Background: #DF9C6B

Color Difference (Delta E)

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

Gradient

#6BAEDF #8BABCC #A3A8B8 #B6A5A5 #C5A292 #D39F7F #DF9C6B

Color Mixing

#6BAEDF

100%

#98AAC2

75:25

#B6A5A5

50:50

#CCA188

25:75

#DF9C6B

100%

CSS Gradient Code

background: linear-gradient(to right, #6BAEDF, #DF9C6B);
background: linear-gradient(135deg, #6BAEDF, #DF9C6B);

Explore Each Color

#6BAEDF

View full color details

#DF9C6B

View full color details

Related Comparisons