#5C97DF

#5C97DF

#DFA45C

#DFA45C

Contrast Ratio

1.38:1

Delta E

89.16

Very Different

50:50 Mix

#B29D9F

Color Values

Format #5C97DF #DFA45C
HEX #5C97DF #DFA45C
RGB 92, 151, 223 223, 164, 92
HSL 213.0, 67.2%, 61.8% 33.0, 67.2%, 61.8%
HSV 213.0, 58.7%, 87.5% 33.0, 58.7%, 87.5%
CMYK 58.7%, 32.3%, 0.0%, 12.5% 0.0%, 26.5%, 58.7%, 12.5%
OKLCH 0.6675 0.1243 254.3 0.7601 0.1133 70.2

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFA45C → Background: #5C97DF

The quick brown fox jumps over the lazy dog

Text: #5C97DF → Background: #DFA45C

Color Difference (Delta E)

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

Gradient

#5C97DF #8299CA #9D9BB5 #B29D9F #C39F8A #D2A174 #DFA45C

Color Mixing

#5C97DF

100%

#919ABF

75:25

#B29D9F

50:50

#CBA07F

25:75

#DFA45C

100%

CSS Gradient Code

background: linear-gradient(to right, #5C97DF, #DFA45C);
background: linear-gradient(135deg, #5C97DF, #DFA45C);

Explore Each Color

#5C97DF

View full color details

#DFA45C

View full color details

Related Comparisons