#70BDF4

#70BDF4

#F4A770

#F4A770

Contrast Ratio

1.03:1

Delta E

80.56

Very Different

50:50 Mix

#C6B2B2

Color Values

Format #70BDF4 #F4A770
HEX #70BDF4 #F4A770
RGB 112, 189, 244 244, 167, 112
HSL 205.0, 85.7%, 69.8% 25.0, 85.7%, 69.8%
HSV 205.0, 54.1%, 95.7% 25.0, 54.1%, 95.7%
CMYK 54.1%, 22.5%, 0.0%, 4.3% 0.0%, 31.6%, 54.1%, 4.3%
OKLCH 0.7701 0.1101 241.2 0.7916 0.1155 55.7

Contrast & Accessibility

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4A770 → Background: #70BDF4

The quick brown fox jumps over the lazy dog

Text: #70BDF4 → Background: #F4A770

Color Difference (Delta E)

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

Gradient

#70BDF4 #96B9DE #B1B6C8 #C6B2B2 #D8AF9C #E7AB86 #F4A770

Color Mixing

#70BDF4

100%

#A4B8D3

75:25

#C6B2B2

50:50

#DFAD91

25:75

#F4A770

100%

CSS Gradient Code

background: linear-gradient(to right, #70BDF4, #F4A770);
background: linear-gradient(135deg, #70BDF4, #F4A770);

Explore Each Color

#70BDF4

View full color details

#F4A770

View full color details

Related Comparisons