#77BEF2

#77BEF2

#F2AB77

#F2AB77

Contrast Ratio

1.04:1

Delta E

75.31

Very Different

50:50 Mix

#C6B5B5

Color Values

Format #77BEF2 #F2AB77
HEX #77BEF2 #F2AB77
RGB 119, 190, 242 242, 171, 119
HSL 205.4, 82.6%, 70.8% 25.4, 82.6%, 70.8%
HSV 205.4, 50.8%, 94.9% 25.4, 50.8%, 94.9%
CMYK 50.8%, 21.5%, 0.0%, 5.1% 0.0%, 29.3%, 50.8%, 5.1%
OKLCH 0.7747 0.1035 241.6 0.7978 0.1076 56.7

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: #F2AB77 → Background: #77BEF2

The quick brown fox jumps over the lazy dog

Text: #77BEF2 → Background: #F2AB77

Color Difference (Delta E)

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

Gradient

#77BEF2 #99BBDD #B2B8C9 #C6B5B5 #D7B2A0 #E5AE8C #F2AB77

Color Mixing

#77BEF2

100%

#A6B9D3

75:25

#C6B5B5

50:50

#DEB096

25:75

#F2AB77

100%

CSS Gradient Code

background: linear-gradient(to right, #77BEF2, #F2AB77);
background: linear-gradient(135deg, #77BEF2, #F2AB77);

Explore Each Color

#77BEF2

View full color details

#F2AB77

View full color details

Related Comparisons