#4DA7F6

#4DA7F6

#F69C4D

#F69C4D

Contrast Ratio

1.2:1

Delta E

105.46

Very Different

50:50 Mix

#C2A1A3

Color Values

Format #4DA7F6 #F69C4D
HEX #4DA7F6 #F69C4D
RGB 77, 167, 246 246, 156, 77
HSL 208.0, 90.4%, 63.3% 28.0, 90.4%, 63.3%
HSV 208.0, 68.7%, 96.5% 28.0, 68.7%, 96.5%
CMYK 68.7%, 32.1%, 0.0%, 3.5% 0.0%, 36.6%, 68.7%, 3.5%
OKLCH 0.7086 0.1443 248.0 0.77 0.1424 59.3

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F69C4D → Background: #4DA7F6

The quick brown fox jumps over the lazy dog

Text: #4DA7F6 → Background: #F69C4D

Color Difference (Delta E)

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

Gradient

#4DA7F6 #87A5DA #A9A3BF #C2A1A3 #D6A088 #E79E6C #F69C4D

Color Mixing

#4DA7F6

100%

#99A4CD

75:25

#C2A1A3

50:50

#DF9F7A

25:75

#F69C4D

100%

CSS Gradient Code

background: linear-gradient(to right, #4DA7F6, #F69C4D);
background: linear-gradient(135deg, #4DA7F6, #F69C4D);

Explore Each Color

#4DA7F6

View full color details

#F69C4D

View full color details

Related Comparisons