#9BACF2

#9BACF2

#F2E19B

#F2E19B

Contrast Ratio

1.67:1

Delta E

76.81

Very Different

50:50 Mix

#CEC6C8

Color Values

Format #9BACF2 #F2E19B
HEX #9BACF2 #F2E19B
RGB 155, 172, 242 242, 225, 155
HSL 228.3, 77.0%, 77.8% 48.3, 77.0%, 77.8%
HSV 228.3, 36.0%, 94.9% 48.3, 36.0%, 94.9%
CMYK 36.0%, 28.9%, 0.0%, 5.1% 0.0%, 7.0%, 36.0%, 5.1%
OKLCH 0.7579 0.1027 273.3 0.9076 0.0906 96.1

Contrast & Accessibility

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2E19B → Background: #9BACF2

The quick brown fox jumps over the lazy dog

Text: #9BACF2 → Background: #F2E19B

Color Difference (Delta E)

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

Gradient

#9BACF2 #AEB4E4 #BFBDD6 #CEC6C8 #DBCFBA #E7D8AB #F2E19B

Color Mixing

#9BACF2

100%

#B7B9DD

75:25

#CEC6C8

50:50

#E1D3B2

25:75

#F2E19B

100%

CSS Gradient Code

background: linear-gradient(to right, #9BACF2, #F2E19B);
background: linear-gradient(135deg, #9BACF2, #F2E19B);

Explore Each Color

#9BACF2

View full color details

#F2E19B

View full color details

Related Comparisons