#B4D4FF

#B4D4FF

#FFDFB4

#FFDFB4

Contrast Ratio

1.19:1

Delta E

50.39

Very Different

50:50 Mix

#DFD9DA

Color Values

Format #B4D4FF #FFDFB4
HEX #B4D4FF #FFDFB4
RGB 180, 212, 255 255, 223, 180
HSL 214.4, 100.0%, 85.3% 34.4, 100.0%, 85.3%
HSV 214.4, 29.4%, 100.0% 34.4, 29.4%, 100.0%
CMYK 29.4%, 16.9%, 0.0%, 0.0% 0.0%, 12.5%, 29.4%, 0.0%
OKLCH 0.8612 0.0692 255.9 0.9198 0.0661 75.0

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFDFB4 → Background: #B4D4FF

The quick brown fox jumps over the lazy dog

Text: #B4D4FF → Background: #FFDFB4

Color Difference (Delta E)

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

Gradient

#B4D4FF #C4D6F3 #D2D7E6 #DFD9DA #EADBCD #F5DDC1 #FFDFB4

Color Mixing

#B4D4FF

100%

#CBD7EC

75:25

#DFD9DA

50:50

#F0DCC7

25:75

#FFDFB4

100%

CSS Gradient Code

background: linear-gradient(to right, #B4D4FF, #FFDFB4);
background: linear-gradient(135deg, #B4D4FF, #FFDFB4);

Explore Each Color

#B4D4FF

View full color details

#FFDFB4

View full color details

Related Comparisons