#B2F2B2

#B2F2B2

#F2B2F2

#F2B2F2

Contrast Ratio

1.31:1

Delta E

81.57

Very Different

50:50 Mix

#D7D4D3

Color Values

Format #B2F2B2 #F2B2F2
HEX #B2F2B2 #F2B2F2
RGB 178, 242, 178 242, 178, 242
HSL 120.0, 71.1%, 82.4% 300.0, 71.1%, 82.4%
HSV 120.0, 26.4%, 94.9% 300.0, 26.4%, 94.9%
CMYK 26.4%, 0.0%, 26.4%, 5.1% 0.0%, 26.4%, 0.0%, 5.1%
OKLCH 0.9019 0.1078 144.6 0.843 0.1111 326.5

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2B2F2 → Background: #B2F2B2

The quick brown fox jumps over the lazy dog

Text: #B2F2B2 → Background: #F2B2F2

Color Difference (Delta E)

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

Gradient

#B2F2B2 #C0E8BD #CCDEC8 #D7D4D3 #E1C9DD #EABEE8 #F2B2F2

Color Mixing

#B2F2B2

100%

#C6E3C3

75:25

#D7D4D3

50:50

#E5C4E3

25:75

#F2B2F2

100%

CSS Gradient Code

background: linear-gradient(to right, #B2F2B2, #F2B2F2);
background: linear-gradient(135deg, #B2F2B2, #F2B2F2);

Explore Each Color

#B2F2B2

View full color details

#F2B2F2

View full color details

Related Comparisons