#71B6F4

#71B6F4

#F4AF71

#F4AF71

Contrast Ratio

1.16:1

Delta E

82.44

Very Different

50:50 Mix

#C5B2B3

Color Values

Format #71B6F4 #F4AF71
HEX #71B6F4 #F4AF71
RGB 113, 182, 244 244, 175, 113
HSL 208.4, 85.6%, 70.0% 28.4, 85.6%, 70.0%
HSV 208.4, 53.7%, 95.7% 28.4, 53.7%, 95.7%
CMYK 53.7%, 25.4%, 0.0%, 4.3% 0.0%, 28.3%, 53.7%, 4.3%
OKLCH 0.7552 0.114 247.0 0.8063 0.1127 62.1

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4AF71 → Background: #71B6F4

The quick brown fox jumps over the lazy dog

Text: #71B6F4 → Background: #F4AF71

Color Difference (Delta E)

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

Gradient

#71B6F4 #96B5DE #B0B4C9 #C5B2B3 #D7B19E #E6B088 #F4AF71

Color Mixing

#71B6F4

100%

#A4B4D4

75:25

#C5B2B3

50:50

#DFB193

25:75

#F4AF71

100%

CSS Gradient Code

background: linear-gradient(to right, #71B6F4, #F4AF71);
background: linear-gradient(135deg, #71B6F4, #F4AF71);

Explore Each Color

#71B6F4

View full color details

#F4AF71

View full color details

Related Comparisons