#7ABCF1

#7ABCF1

#F1AF7A

#F1AF7A

Contrast Ratio

1.08:1

Delta E

73.73

Very Different

50:50 Mix

#C5B6B6

Color Values

Format #7ABCF1 #F1AF7A
HEX #7ABCF1 #F1AF7A
RGB 122, 188, 241 241, 175, 122
HSL 206.7, 81.0%, 71.2% 26.7, 81.0%, 71.2%
HSV 206.7, 49.4%, 94.5% 26.7, 49.4%, 94.5%
CMYK 49.4%, 22.0%, 0.0%, 5.5% 0.0%, 27.4%, 49.4%, 5.5%
OKLCH 0.7713 0.1018 243.9 0.8045 0.1035 59.4

Contrast & Accessibility

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1AF7A → Background: #7ABCF1

The quick brown fox jumps over the lazy dog

Text: #7ABCF1 → Background: #F1AF7A

Color Difference (Delta E)

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

Gradient

#7ABCF1 #9ABADD #B2B8CA #C5B6B6 #D6B3A2 #E4B18E #F1AF7A

Color Mixing

#7ABCF1

100%

#A7B9D3

75:25

#C5B6B6

50:50

#DDB298

25:75

#F1AF7A

100%

CSS Gradient Code

background: linear-gradient(to right, #7ABCF1, #F1AF7A);
background: linear-gradient(135deg, #7ABCF1, #F1AF7A);

Explore Each Color

#7ABCF1

View full color details

#F1AF7A

View full color details

Related Comparisons