#4DC2F6

#4DC2F6

#F6814D

#F6814D

Contrast Ratio

1.27:1

Delta E

101.2

Very Different

50:50 Mix

#C6A4A1

Color Values

Format #4DC2F6 #F6814D
HEX #4DC2F6 #F6814D
RGB 77, 194, 246 246, 129, 77
HSL 198.5, 90.4%, 63.3% 18.5, 90.4%, 63.3%
HSV 198.5, 68.7%, 96.5% 18.5, 68.7%, 96.5%
CMYK 68.7%, 21.1%, 0.0%, 3.5% 0.0%, 47.6%, 68.7%, 3.5%
OKLCH 0.7693 0.1272 231.0 0.7256 0.158 43.5

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F6814D → Background: #4DC2F6

The quick brown fox jumps over the lazy dog

Text: #4DC2F6 → Background: #F6814D

Color Difference (Delta E)

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

Gradient

#4DC2F6 #8AB8D9 #ADAEBD #C6A4A1 #D99985 #E98D69 #F6814D

Color Mixing

#4DC2F6

100%

#9DB3CB

75:25

#C6A4A1

50:50

#E19377

25:75

#F6814D

100%

CSS Gradient Code

background: linear-gradient(to right, #4DC2F6, #F6814D);
background: linear-gradient(135deg, #4DC2F6, #F6814D);

Explore Each Color

#4DC2F6

View full color details

#F6814D

View full color details

Related Comparisons