#B7F5F2

#B7F5F2

#F5B7BA

#F5B7BA

Contrast Ratio

1.4:1

Delta E

46.18

Very Different

50:50 Mix

#DCD7D6

Color Values

Format #B7F5F2 #F5B7BA
HEX #B7F5F2 #F5B7BA
RGB 183, 245, 242 245, 183, 186
HSL 177.1, 75.6%, 83.9% 357.1, 75.6%, 83.9%
HSV 177.1, 25.3%, 96.1% 357.1, 25.3%, 96.1%
CMYK 25.3%, 0.0%, 1.2%, 3.9% 0.0%, 25.3%, 24.1%, 3.9%
OKLCH 0.9277 0.0623 192.4 0.837 0.0722 15.5

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5B7BA → Background: #B7F5F2

The quick brown fox jumps over the lazy dog

Text: #B7F5F2 → Background: #F5B7BA

Color Difference (Delta E)

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

Gradient

#B7F5F2 #C5EBE8 #D1E1DF #DCD7D6 #E5CCCC #EEC2C3 #F5B7BA

Color Mixing

#B7F5F2

100%

#CBE6E4

75:25

#DCD7D6

50:50

#E9C7C8

25:75

#F5B7BA

100%

CSS Gradient Code

background: linear-gradient(to right, #B7F5F2, #F5B7BA);
background: linear-gradient(135deg, #B7F5F2, #F5B7BA);

Explore Each Color

#B7F5F2

View full color details

#F5B7BA

View full color details

Related Comparisons