#BCCDF4

#BCCDF4

#F4E3BC

#F4E3BC

Contrast Ratio

1.26:1

Delta E

43.16

Very Different

50:50 Mix

#DBD8D8

Color Values

Format #BCCDF4 #F4E3BC
HEX #BCCDF4 #F4E3BC
RGB 188, 205, 244 244, 227, 188
HSL 221.8, 71.8%, 84.7% 41.8, 71.8%, 84.7%
HSV 221.8, 23.0%, 95.7% 41.8, 23.0%, 95.7%
CMYK 23.0%, 16.0%, 0.0%, 4.3% 0.0%, 7.0%, 23.0%, 4.3%
OKLCH 0.8483 0.0577 266.6 0.9197 0.0543 87.2

Contrast & Accessibility

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4E3BC → Background: #BCCDF4

The quick brown fox jumps over the lazy dog

Text: #BCCDF4 → Background: #F4E3BC

Color Difference (Delta E)

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

Gradient

#BCCDF4 #C7D1EB #D1D4E2 #DBD8D8 #E4DBCF #ECDFC6 #F4E3BC

Color Mixing

#BCCDF4

100%

#CCD2E6

75:25

#DBD8D8

50:50

#E8DDCA

25:75

#F4E3BC

100%

CSS Gradient Code

background: linear-gradient(to right, #BCCDF4, #F4E3BC);
background: linear-gradient(135deg, #BCCDF4, #F4E3BC);

Explore Each Color

#BCCDF4

View full color details

#F4E3BC

View full color details

Related Comparisons