#B3DDF2

#B3DDF2

#F2C8B3

#F2C8B3

Contrast Ratio

1.06:1

Delta E

37.26

Very Different

50:50 Mix

#D7D3D2

Color Values

Format #B3DDF2 #F2C8B3
HEX #B3DDF2 #F2C8B3
RGB 179, 221, 242 242, 200, 179
HSL 200.0, 70.8%, 82.5% 20.0, 70.8%, 82.5%
HSV 200.0, 26.0%, 94.9% 20.0, 26.0%, 94.9%
CMYK 26.0%, 8.7%, 0.0%, 5.1% 0.0%, 17.4%, 26.0%, 5.1%
OKLCH 0.8745 0.0526 229.7 0.8637 0.0558 48.1

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2C8B3 → Background: #B3DDF2

The quick brown fox jumps over the lazy dog

Text: #B3DDF2 → Background: #F2C8B3

Color Difference (Delta E)

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

Gradient

#B3DDF2 #C0DAE7 #CCD6DD #D7D3D2 #E1CFC8 #EACCBD #F2C8B3

Color Mixing

#B3DDF2

100%

#C6D8E2

75:25

#D7D3D2

50:50

#E5CDC3

25:75

#F2C8B3

100%

CSS Gradient Code

background: linear-gradient(to right, #B3DDF2, #F2C8B3);
background: linear-gradient(135deg, #B3DDF2, #F2C8B3);

Explore Each Color

#B3DDF2

View full color details

#F2C8B3

View full color details

Related Comparisons