#99CCFF

#99CCFF

#FFCC99

#FFCC99

Contrast Ratio

1.15:1

Delta E

64.61

Very Different

50:50 Mix

#D6CCCC

Color Values

Format #99CCFF #FFCC99
HEX #99CCFF #FFCC99
RGB 153, 204, 255 255, 204, 153
HSL 210.0, 100.0%, 80.0% 30.0, 100.0%, 80.0%
HSV 210.0, 40.0%, 100.0% 30.0, 40.0%, 100.0%
CMYK 40.0%, 20.0%, 0.0%, 0.0% 0.0%, 20.0%, 40.0%, 0.0%
OKLCH 0.828 0.0898 249.0 0.8782 0.0877 66.3

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFCC99 → Background: #99CCFF

The quick brown fox jumps over the lazy dog

Text: #99CCFF → Background: #FFCC99

Color Difference (Delta E)

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

Gradient

#99CCFF #B1CCEE #C5CCDD #D6CCCC #E5CCBB #F3CCAA #FFCC99

Color Mixing

#99CCFF

100%

#BCCCE6

75:25

#D6CCCC

50:50

#ECCCB3

25:75

#FFCC99

100%

CSS Gradient Code

background: linear-gradient(to right, #99CCFF, #FFCC99);
background: linear-gradient(135deg, #99CCFF, #FFCC99);

Explore Each Color

#99CCFF

View full color details

#FFCC99

View full color details

Related Comparisons