#B4F0FF

#B4F0FF

#FFC3B4

#FFC3B4

Contrast Ratio

1.23:1

Delta E

46.06

Very Different

50:50 Mix

#E0DAD9

Color Values

Format #B4F0FF #FFC3B4
HEX #B4F0FF #FFC3B4
RGB 180, 240, 255 255, 195, 180
HSL 192.0, 100.0%, 85.3% 12.0, 100.0%, 85.3%
HSV 192.0, 29.4%, 100.0% 12.0, 29.4%, 100.0%
CMYK 29.4%, 5.9%, 0.0%, 0.0% 0.0%, 23.5%, 29.4%, 0.0%
OKLCH 0.9194 0.0637 214.8 0.8673 0.0724 34.4

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFC3B4 → Background: #B4F0FF

The quick brown fox jumps over the lazy dog

Text: #B4F0FF → Background: #FFC3B4

Color Difference (Delta E)

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

Gradient

#B4F0FF #C5E9F2 #D4E2E6 #E0DAD9 #ECD3CD #F6CBC0 #FFC3B4

Color Mixing

#B4F0FF

100%

#CDE5EC

75:25

#E0DAD9

50:50

#F1CFC6

25:75

#FFC3B4

100%

CSS Gradient Code

background: linear-gradient(to right, #B4F0FF, #FFC3B4);
background: linear-gradient(135deg, #B4F0FF, #FFC3B4);

Explore Each Color

#B4F0FF

View full color details

#FFC3B4

View full color details

Related Comparisons