#77CDF0

#77CDF0

#F09A77

#F09A77

Contrast Ratio

1.23:1

Delta E

73.04

Very Different

50:50 Mix

#C6B5B3

Color Values

Format #77CDF0 #F09A77
HEX #77CDF0 #F09A77
RGB 119, 205, 240 240, 154, 119
HSL 197.4, 80.1%, 70.4% 17.4, 80.1%, 70.4%
HSV 197.4, 50.4%, 94.1% 17.4, 50.4%, 94.1%
CMYK 50.4%, 14.6%, 0.0%, 5.9% 0.0%, 35.8%, 50.4%, 5.9%
OKLCH 0.8069 0.0968 226.4 0.7653 0.1143 42.8

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F09A77 → Background: #77CDF0

The quick brown fox jumps over the lazy dog

Text: #77CDF0 → Background: #F09A77

Color Difference (Delta E)

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

Gradient

#77CDF0 #9AC5DB #B3BDC7 #C6B5B3 #D6AC9F #E4A38B #F09A77

Color Mixing

#77CDF0

100%

#A7C1D1

75:25

#C6B5B3

50:50

#DEA895

25:75

#F09A77

100%

CSS Gradient Code

background: linear-gradient(to right, #77CDF0, #F09A77);
background: linear-gradient(135deg, #77CDF0, #F09A77);

Explore Each Color

#77CDF0

View full color details

#F09A77

View full color details

Related Comparisons