#9ABCF1

#9ABCF1

#F1CF9A

#F1CF9A

Contrast Ratio

1.3:1

Delta E

61.54

Very Different

50:50 Mix

#CDC5C6

Color Values

Format #9ABCF1 #F1CF9A
HEX #9ABCF1 #F1CF9A
RGB 154, 188, 241 241, 207, 154
HSL 216.6, 75.7%, 77.5% 36.6, 75.7%, 77.5%
HSV 216.6, 36.1%, 94.5% 36.6, 36.1%, 94.5%
CMYK 36.1%, 22.0%, 0.0%, 5.5% 0.0%, 14.1%, 36.1%, 5.5%
OKLCH 0.7895 0.0845 259.1 0.8709 0.0784 78.5

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1CF9A → Background: #9ABCF1

The quick brown fox jumps over the lazy dog

Text: #9ABCF1 → Background: #F1CF9A

Color Difference (Delta E)

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

Gradient

#9ABCF1 #AEBFE3 #BEC2D5 #CDC5C6 #DAC8B8 #E6CCA9 #F1CF9A

Color Mixing

#9ABCF1

100%

#B6C0DC

75:25

#CDC5C6

50:50

#E0CAB0

25:75

#F1CF9A

100%

CSS Gradient Code

background: linear-gradient(to right, #9ABCF1, #F1CF9A);
background: linear-gradient(135deg, #9ABCF1, #F1CF9A);

Explore Each Color

#9ABCF1

View full color details

#F1CF9A

View full color details

Related Comparisons