#BCF2F2

#BCF2F2

#F2BCBC

#F2BCBC

Contrast Ratio

1.35:1

Delta E

40.2

Very Different

50:50 Mix

#DCD8D7

Color Values

Format #BCF2F2 #F2BCBC
HEX #BCF2F2 #F2BCBC
RGB 188, 242, 242 242, 188, 188
HSL 180.0, 67.5%, 84.3% 0.0, 67.5%, 84.3%
HSV 180.0, 22.3%, 94.9% 0.0, 22.3%, 94.9%
CMYK 22.3%, 0.0%, 0.0%, 5.1% 0.0%, 22.3%, 22.3%, 5.1%
OKLCH 0.9242 0.0548 196.2 0.8436 0.0625 18.5

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2BCBC → Background: #BCF2F2

The quick brown fox jumps over the lazy dog

Text: #BCF2F2 → Background: #F2BCBC

Color Difference (Delta E)

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

Gradient

#BCF2F2 #C8E9E9 #D2E1E0 #DCD8D7 #E4CFCE #EBC5C5 #F2BCBC

Color Mixing

#BCF2F2

100%

#CDE5E4

75:25

#DCD8D7

50:50

#E8CAC9

25:75

#F2BCBC

100%

CSS Gradient Code

background: linear-gradient(to right, #BCF2F2, #F2BCBC);
background: linear-gradient(135deg, #BCF2F2, #F2BCBC);

Explore Each Color

#BCF2F2

View full color details

#F2BCBC

View full color details

Related Comparisons