#42AFDF

#42AFDF

#DF7242

#DF7242

Contrast Ratio

1.27:1

Delta E

95.74

Very Different

50:50 Mix

#B39390

Color Values

Format #42AFDF #DF7242
HEX #42AFDF #DF7242
RGB 66, 175, 223 223, 114, 66
HSL 198.3, 71.0%, 56.7% 18.3, 71.0%, 56.7%
HSV 198.3, 70.4%, 87.5% 18.3, 70.4%, 87.5%
CMYK 70.4%, 21.5%, 0.0%, 12.5% 0.0%, 48.9%, 70.4%, 12.5%
OKLCH 0.7121 0.1197 231.0 0.6697 0.1497 43.2

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: #DF7242 → Background: #42AFDF

The quick brown fox jumps over the lazy dog

Text: #42AFDF → Background: #DF7242

Color Difference (Delta E)

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

Gradient

#42AFDF #7CA6C4 #9C9DAA #B39390 #C58976 #D37E5D #DF7242

Color Mixing

#42AFDF

100%

#8EA1B7

75:25

#B39390

50:50

#CC8369

25:75

#DF7242

100%

CSS Gradient Code

background: linear-gradient(to right, #42AFDF, #DF7242);
background: linear-gradient(135deg, #42AFDF, #DF7242);

Explore Each Color

#42AFDF

View full color details

#DF7242

View full color details

Related Comparisons