#77BDF0

#77BDF0

#F0AA77

#F0AA77

Contrast Ratio

1.04:1

Delta E

74.16

Very Different

50:50 Mix

#C4B4B4

Color Values

Format #77BDF0 #F0AA77
HEX #77BDF0 #F0AA77
RGB 119, 189, 240 240, 170, 119
HSL 205.3, 80.1%, 70.4% 25.3, 80.1%, 70.4%
HSV 205.3, 50.4%, 94.1% 25.3, 50.4%, 94.1%
CMYK 50.4%, 21.2%, 0.0%, 5.9% 0.0%, 29.2%, 50.4%, 5.9%
OKLCH 0.7716 0.1019 241.4 0.7937 0.1061 56.6

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0AA77 → Background: #77BDF0

The quick brown fox jumps over the lazy dog

Text: #77BDF0 → Background: #F0AA77

Color Difference (Delta E)

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

Gradient

#77BDF0 #98BADC #B1B7C8 #C4B4B4 #D5B1A0 #E3AD8C #F0AA77

Color Mixing

#77BDF0

100%

#A5B8D2

75:25

#C4B4B4

50:50

#DCAF96

25:75

#F0AA77

100%

CSS Gradient Code

background: linear-gradient(to right, #77BDF0, #F0AA77);
background: linear-gradient(135deg, #77BDF0, #F0AA77);

Explore Each Color

#77BDF0

View full color details

#F0AA77

View full color details

Related Comparisons