#6399DF

#6399DF

#DFA963

#DFA963

Contrast Ratio

1.4:1

Delta E

85.59

Very Different

50:50 Mix

#B3A0A3

Color Values

Format #6399DF #DFA963
HEX #6399DF #DFA963
RGB 99, 153, 223 223, 169, 99
HSL 213.9, 66.0%, 63.1% 33.9, 66.0%, 63.1%
HSV 213.9, 55.6%, 87.5% 33.9, 55.6%, 87.5%
CMYK 55.6%, 31.4%, 0.0%, 12.5% 0.0%, 24.2%, 55.6%, 12.5%
OKLCH 0.6752 0.1193 255.4 0.7706 0.1082 72.2

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFA963 → Background: #6399DF

The quick brown fox jumps over the lazy dog

Text: #6399DF → Background: #DFA963

Color Difference (Delta E)

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

Gradient

#6399DF #869BCB #9F9EB7 #B3A0A3 #C3A38E #D2A679 #DFA963

Color Mixing

#6399DF

100%

#939CC1

75:25

#B3A0A3

50:50

#CBA484

25:75

#DFA963

100%

CSS Gradient Code

background: linear-gradient(to right, #6399DF, #DFA963);
background: linear-gradient(135deg, #6399DF, #DFA963);

Explore Each Color

#6399DF

View full color details

#DFA963

View full color details

Related Comparisons