#B2F4AF

#B2F4AF

#F1AFF4

#F1AFF4

Contrast Ratio

1.35:1

Delta E

86.72

Very Different

50:50 Mix

#D7D4D2

Color Values

Format #B2F4AF #F1AFF4
HEX #B2F4AF #F1AFF4
RGB 178, 244, 175 241, 175, 244
HSL 117.4, 75.8%, 82.2% 297.4, 75.8%, 82.2%
HSV 117.4, 28.3%, 95.7% 297.4, 28.3%, 95.7%
CMYK 27.0%, 0.0%, 28.3%, 4.3% 1.2%, 28.3%, 0.0%, 4.3%
OKLCH 0.9057 0.1141 143.5 0.8376 0.1177 325.1

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: #F1AFF4 → Background: #B2F4AF

The quick brown fox jumps over the lazy dog

Text: #B2F4AF → Background: #F1AFF4

Color Difference (Delta E)

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

Gradient

#B2F4AF #C0EABB #CCDFC7 #D7D4D2 #E0C8DE #E9BCE9 #F1AFF4

Color Mixing

#B2F4AF

100%

#C6E4C1

75:25

#D7D4D2

50:50

#E5C2E3

25:75

#F1AFF4

100%

CSS Gradient Code

background: linear-gradient(to right, #B2F4AF, #F1AFF4);
background: linear-gradient(135deg, #B2F4AF, #F1AFF4);

Explore Each Color

#B2F4AF

View full color details

#F1AFF4

View full color details

Related Comparisons