#45C7DF

#45C7DF

#DF5D45

#DF5D45

Contrast Ratio

1.81:1

Delta E

100.05

Very Different

50:50 Mix

#B89790

Color Values

Format #45C7DF #DF5D45
HEX #45C7DF #DF5D45
RGB 69, 199, 223 223, 93, 69
HSL 189.4, 70.6%, 57.3% 9.4, 70.6%, 57.3%
HSV 189.4, 69.1%, 87.5% 9.4, 69.1%, 87.5%
CMYK 69.1%, 10.8%, 0.0%, 12.5% 0.0%, 58.3%, 69.1%, 12.5%
OKLCH 0.7691 0.1154 212.4 0.6398 0.1677 32.4

Contrast & Accessibility

1.81:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF5D45 → Background: #45C7DF

The quick brown fox jumps over the lazy dog

Text: #45C7DF → Background: #DF5D45

Color Difference (Delta E)

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

Gradient

#45C7DF #81B8C4 #A1A8AA #B89790 #C88676 #D5735E #DF5D45

Color Mixing

#45C7DF

100%

#93B0B7

75:25

#B89790

50:50

#CF7C6A

25:75

#DF5D45

100%

CSS Gradient Code

background: linear-gradient(to right, #45C7DF, #DF5D45);
background: linear-gradient(135deg, #45C7DF, #DF5D45);

Explore Each Color

#45C7DF

View full color details

#DF5D45

View full color details

Related Comparisons