#B3CCF3

#B3CCF3

#F3DAB3

#F3DAB3

Contrast Ratio

1.21:1

Delta E

44.92

Very Different

50:50 Mix

#D7D3D3

Color Values

Format #B3CCF3 #F3DAB3
HEX #B3CCF3 #F3DAB3
RGB 179, 204, 243 243, 218, 179
HSL 216.6, 72.7%, 82.7% 36.6, 72.7%, 82.7%
HSV 216.6, 26.3%, 95.3% 36.6, 26.3%, 95.3%
CMYK 26.3%, 16.0%, 0.0%, 4.7% 0.0%, 10.3%, 26.3%, 4.7%
OKLCH 0.8397 0.0612 259.2 0.8993 0.0582 78.9

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3DAB3 → Background: #B3CCF3

The quick brown fox jumps over the lazy dog

Text: #B3CCF3 → Background: #F3DAB3

Color Difference (Delta E)

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

Gradient

#B3CCF3 #C0CEE8 #CCD0DE #D7D3D3 #E1D5C9 #EAD8BE #F3DAB3

Color Mixing

#B3CCF3

100%

#C6CFE3

75:25

#D7D3D3

50:50

#E6D6C3

25:75

#F3DAB3

100%

CSS Gradient Code

background: linear-gradient(to right, #B3CCF3, #F3DAB3);
background: linear-gradient(135deg, #B3CCF3, #F3DAB3);

Explore Each Color

#B3CCF3

View full color details

#F3DAB3

View full color details

Related Comparisons