#6BA2DF

#6BA2DF

#DFA86B

#DFA86B

Contrast Ratio

1.27:1

Delta E

77.29

Very Different

50:50 Mix

#B5A5A6

Color Values

Format #6BA2DF #DFA86B
HEX #6BA2DF #DFA86B
RGB 107, 162, 223 223, 168, 107
HSL 211.6, 64.4%, 64.7% 31.6, 64.4%, 64.7%
HSV 211.6, 52.0%, 87.5% 31.6, 52.0%, 87.5%
CMYK 52.0%, 27.4%, 0.0%, 12.5% 0.0%, 24.7%, 52.0%, 12.5%
OKLCH 0.6989 0.1074 251.9 0.7698 0.1014 68.2

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFA86B → Background: #6BA2DF

The quick brown fox jumps over the lazy dog

Text: #6BA2DF → Background: #DFA86B

Color Difference (Delta E)

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

Gradient

#6BA2DF #8AA3CC #A2A4B9 #B5A5A6 #C5A693 #D3A77F #DFA86B

Color Mixing

#6BA2DF

100%

#97A3C3

75:25

#B5A5A6

50:50

#CCA689

25:75

#DFA86B

100%

CSS Gradient Code

background: linear-gradient(to right, #6BA2DF, #DFA86B);
background: linear-gradient(135deg, #6BA2DF, #DFA86B);

Explore Each Color

#6BA2DF

View full color details

#DFA86B

View full color details

Related Comparisons