#5FB7DF

#5FB7DF

#DF875F

#DF875F

Contrast Ratio

1.2:1

Delta E

78.16

Very Different

50:50 Mix

#B5A09E

Color Values

Format #5FB7DF #DF875F
HEX #5FB7DF #DF875F
RGB 95, 183, 223 223, 135, 95
HSL 198.8, 66.7%, 62.4% 18.8, 66.7%, 62.4%
HSV 198.8, 57.4%, 87.5% 18.8, 57.4%, 87.5%
CMYK 57.4%, 17.9%, 0.0%, 12.5% 0.0%, 39.5%, 57.4%, 12.5%
OKLCH 0.7404 0.1024 229.9 0.7081 0.1212 44.8

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF875F → Background: #5FB7DF

The quick brown fox jumps over the lazy dog

Text: #5FB7DF → Background: #DF875F

Color Difference (Delta E)

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

Gradient

#5FB7DF #87B0C9 #A1A8B4 #B5A09E #C69889 #D39074 #DF875F

Color Mixing

#5FB7DF

100%

#95ACBE

75:25

#B5A09E

50:50

#CD947F

25:75

#DF875F

100%

CSS Gradient Code

background: linear-gradient(to right, #5FB7DF, #DF875F);
background: linear-gradient(135deg, #5FB7DF, #DF875F);

Explore Each Color

#5FB7DF

View full color details

#DF875F

View full color details

Related Comparisons