#99BAFF

#99BAFF

#FFDE99

#FFDE99

Contrast Ratio

1.49:1

Delta E

77.03

Very Different

50:50 Mix

#D6CBCD

Color Values

Format #99BAFF #FFDE99
HEX #99BAFF #FFDE99
RGB 153, 186, 255 255, 222, 153
HSL 220.6, 100.0%, 80.0% 40.6, 100.0%, 80.0%
HSV 220.6, 40.0%, 100.0% 40.6, 40.0%, 100.0%
CMYK 40.0%, 27.1%, 0.0%, 0.0% 0.0%, 12.9%, 40.0%, 0.0%
OKLCH 0.7907 0.1052 264.4 0.9127 0.0941 85.1

Contrast & Accessibility

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFDE99 → Background: #99BAFF

The quick brown fox jumps over the lazy dog

Text: #99BAFF → Background: #FFDE99

Color Difference (Delta E)

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

Gradient

#99BAFF #B1C0EF #C5C5DE #D6CBCD #E5D1BC #F2D8AB #FFDE99

Color Mixing

#99BAFF

100%

#BBC2E6

75:25

#D6CBCD

50:50

#ECD4B4

25:75

#FFDE99

100%

CSS Gradient Code

background: linear-gradient(to right, #99BAFF, #FFDE99);
background: linear-gradient(135deg, #99BAFF, #FFDE99);

Explore Each Color

#99BAFF

View full color details

#FFDE99

View full color details

Related Comparisons