#BAECF3

#BAECF3

#F3C1BA

#F3C1BA

Contrast Ratio

1.25:1

Delta E

37.4

Very Different

50:50 Mix

#DBD7D6

Color Values

Format #BAECF3 #F3C1BA
HEX #BAECF3 #F3C1BA
RGB 186, 236, 243 243, 193, 186
HSL 187.4, 70.4%, 84.1% 7.4, 70.4%, 84.1%
HSV 187.4, 23.5%, 95.3% 7.4, 23.5%, 95.3%
CMYK 23.5%, 2.9%, 0.0%, 4.7% 0.0%, 20.6%, 23.5%, 4.7%
OKLCH 0.9107 0.052 206.8 0.8533 0.0585 27.6

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3C1BA → Background: #BAECF3

The quick brown fox jumps over the lazy dog

Text: #BAECF3 → Background: #F3C1BA

Color Difference (Delta E)

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

Gradient

#BAECF3 #C6E5E9 #D1DEE0 #DBD7D6 #E4D0CD #ECC8C3 #F3C1BA

Color Mixing

#BAECF3

100%

#CCE2E5

75:25

#DBD7D6

50:50

#E8CCC8

25:75

#F3C1BA

100%

CSS Gradient Code

background: linear-gradient(to right, #BAECF3, #F3C1BA);
background: linear-gradient(135deg, #BAECF3, #F3C1BA);

Explore Each Color

#BAECF3

View full color details

#F3C1BA

View full color details

Related Comparisons