#3ABDDF

#3ABDDF

#DF5C3A

#DF5C3A

Contrast Ratio

1.66:1

Delta E

103.67

Very Different

50:50 Mix

#B6928B

Color Values

Format #3ABDDF #DF5C3A
HEX #3ABDDF #DF5C3A
RGB 58, 189, 223 223, 92, 58
HSL 192.4, 72.1%, 55.1% 12.4, 72.1%, 55.1%
HSV 192.4, 74.0%, 87.5% 12.4, 74.0%, 87.5%
CMYK 74.0%, 15.2%, 0.0%, 12.5% 0.0%, 58.7%, 74.0%, 12.5%
OKLCH 0.7429 0.1195 219.3 0.6371 0.1714 35.6

Contrast & Accessibility

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF5C3A → Background: #3ABDDF

The quick brown fox jumps over the lazy dog

Text: #3ABDDF → Background: #DF5C3A

Color Difference (Delta E)

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

Gradient

#3ABDDF #7DAFC2 #9FA1A6 #B6928B #C78170 #D47055 #DF5C3A

Color Mixing

#3ABDDF

100%

#90A8B4

75:25

#B6928B

50:50

#CE7962

25:75

#DF5C3A

100%

CSS Gradient Code

background: linear-gradient(to right, #3ABDDF, #DF5C3A);
background: linear-gradient(135deg, #3ABDDF, #DF5C3A);

Explore Each Color

#3ABDDF

View full color details

#DF5C3A

View full color details

Related Comparisons