#7EB2F3

#7EB2F3

#F3BF7E

#F3BF7E

Contrast Ratio

1.32:1

Delta E

78.71

Very Different

50:50 Mix

#C7B8BA

Color Values

Format #7EB2F3 #F3BF7E
HEX #7EB2F3 #F3BF7E
RGB 126, 178, 243 243, 191, 126
HSL 213.3, 83.0%, 72.4% 33.3, 83.0%, 72.4%
HSV 213.3, 48.1%, 95.3% 33.3, 48.1%, 95.3%
CMYK 48.1%, 26.7%, 0.0%, 4.7% 0.0%, 21.4%, 48.1%, 4.7%
OKLCH 0.7528 0.1093 254.5 0.8372 0.1016 71.9

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3BF7E → Background: #7EB2F3

The quick brown fox jumps over the lazy dog

Text: #7EB2F3 → Background: #F3BF7E

Color Difference (Delta E)

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

Gradient

#7EB2F3 #9CB4E0 #B4B6CD #C7B8BA #D7BAA6 #E6BD92 #F3BF7E

Color Mixing

#7EB2F3

100%

#A9B5D6

75:25

#C7B8BA

50:50

#DFBB9C

25:75

#F3BF7E

100%

CSS Gradient Code

background: linear-gradient(to right, #7EB2F3, #F3BF7E);
background: linear-gradient(135deg, #7EB2F3, #F3BF7E);

Explore Each Color

#7EB2F3

View full color details

#F3BF7E

View full color details

Related Comparisons