#72ACF6

#72ACF6

#F6BC72

#F6BC72

Contrast Ratio

1.38:1

Delta E

89.1

Very Different

50:50 Mix

#C6B3B6

Color Values

Format #72ACF6 #F6BC72
HEX #72ACF6 #F6BC72
RGB 114, 172, 246 246, 188, 114
HSL 213.6, 88.0%, 70.6% 33.6, 88.0%, 70.6%
HSV 213.6, 53.7%, 96.5% 33.6, 53.7%, 96.5%
CMYK 53.7%, 30.1%, 0.0%, 3.5% 0.0%, 23.6%, 53.7%, 3.5%
OKLCH 0.7351 0.1241 255.1 0.8327 0.1134 72.0

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F6BC72 → Background: #72ACF6

The quick brown fox jumps over the lazy dog

Text: #72ACF6 → Background: #F6BC72

Color Difference (Delta E)

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

Gradient

#72ACF6 #96AEE1 #B1B1CB #C6B3B6 #D8B6A0 #E8B989 #F6BC72

Color Mixing

#72ACF6

100%

#A5AFD6

75:25

#C6B3B6

50:50

#E0B795

25:75

#F6BC72

100%

CSS Gradient Code

background: linear-gradient(to right, #72ACF6, #F6BC72);
background: linear-gradient(135deg, #72ACF6, #F6BC72);

Explore Each Color

#72ACF6

View full color details

#F6BC72

View full color details

Related Comparisons