#77BCFF

#77BCFF

#FFBA77

#FFBA77

Contrast Ratio

1.2:1

Delta E

86.04

Very Different

50:50 Mix

#CEBBBC

Color Values

Format #77BCFF #FFBA77
HEX #77BCFF #FFBA77
RGB 119, 188, 255 255, 186, 119
HSL 209.6, 100.0%, 73.3% 29.6, 100.0%, 73.3%
HSV 209.6, 53.3%, 100.0% 29.6, 53.3%, 100.0%
CMYK 53.3%, 26.3%, 0.0%, 0.0% 0.0%, 27.1%, 53.3%, 0.0%
OKLCH 0.7761 0.1192 248.9 0.8391 0.1158 64.3

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFBA77 → Background: #77BCFF

The quick brown fox jumps over the lazy dog

Text: #77BCFF → Background: #FFBA77

Color Difference (Delta E)

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

Gradient

#77BCFF #9DBCE9 #B8BBD2 #CEBBBC #E1BAA5 #F1BA8F #FFBA77

Color Mixing

#77BCFF

100%

#ACBBDD

75:25

#CEBBBC

50:50

#E9BA9A

25:75

#FFBA77

100%

CSS Gradient Code

background: linear-gradient(to right, #77BCFF, #FFBA77);
background: linear-gradient(135deg, #77BCFF, #FFBA77);

Explore Each Color

#77BCFF

View full color details

#FFBA77

View full color details

Related Comparisons