#5F98DF

#5F98DF

#DFA65F

#DFA65F

Contrast Ratio

1.39:1

Delta E

87.54

Very Different

50:50 Mix

Color Values

Format #5F98DF #DFA65F
HEX #5F98DF #DFA65F
RGB 95, 152, 223 223, 166, 95
HSL 213.3, 66.7%, 62.4% 33.3, 66.7%, 62.4%
HSV 213.3, 57.4%, 87.5% 33.3, 57.4%, 87.5%
CMYK 57.4%, 31.8%, 0.0%, 12.5% 0.0%, 25.6%, 57.4%, 12.5%
OKLCH 0.6711 0.122 254.7 0.7643 0.1111 70.9

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFA65F β†’ Background: #5F98DF

The quick brown fox jumps over the lazy dog

Text: #5F98DF β†’ Background: #DFA65F

Color Difference (Delta E)

87.54 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #5F98DF, #DFA65F);
background: linear-gradient(135deg, #5F98DF, #DFA65F);

Explore Each Color

Related Comparisons