#BADEF0

#BADEF0

#F0CCBA

#F0CCBA

Contrast Ratio

1.05:1

Delta E

31.89

Very Different

50:50 Mix

#D8D5D5

Color Values

Format #BADEF0 #F0CCBA
HEX #BADEF0 #F0CCBA
RGB 186, 222, 240 240, 204, 186
HSL 200.0, 64.3%, 83.5% 20.0, 64.3%, 83.5%
HSV 200.0, 22.5%, 94.1% 20.0, 22.5%, 94.1%
CMYK 22.5%, 7.5%, 0.0%, 5.9% 0.0%, 15.0%, 22.5%, 5.9%
OKLCH 0.8804 0.0453 229.5 0.8712 0.0476 48.2

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0CCBA → Background: #BADEF0

The quick brown fox jumps over the lazy dog

Text: #BADEF0 → Background: #F0CCBA

Color Difference (Delta E)

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

Gradient

#BADEF0 #C5DBE7 #CFD8DE #D8D5D5 #E1D2CC #E9CFC3 #F0CCBA

Color Mixing

#BADEF0

100%

#CADAE2

75:25

#D8D5D5

50:50

#E5D1C7

25:75

#F0CCBA

100%

CSS Gradient Code

background: linear-gradient(to right, #BADEF0, #F0CCBA);
background: linear-gradient(135deg, #BADEF0, #F0CCBA);

Explore Each Color

#BADEF0

View full color details

#F0CCBA

View full color details

Related Comparisons