#3A9DDF

#3A9DDF

#DF7C3A

#DF7C3A

Contrast Ratio

1.0:1

Delta E

101.22

Very Different

50:50 Mix

#B08D8E

Color Values

Format #3A9DDF #DF7C3A
HEX #3A9DDF #DF7C3A
RGB 58, 157, 223 223, 124, 58
HSL 204.0, 72.1%, 55.1% 24.0, 72.1%, 55.1%
HSV 204.0, 74.0%, 87.5% 24.0, 74.0%, 87.5%
CMYK 74.0%, 29.6%, 0.0%, 12.5% 0.0%, 44.4%, 74.0%, 12.5%
OKLCH 0.6683 0.1333 242.2 0.6849 0.1458 51.4

Contrast & Accessibility

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7C3A → Background: #3A9DDF

The quick brown fox jumps over the lazy dog

Text: #3A9DDF → Background: #DF7C3A

Color Difference (Delta E)

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

Gradient

#3A9DDF #7898C4 #9993A9 #B08D8E #C38873 #D28258 #DF7C3A

Color Mixing

#3A9DDF

100%

#8A95B6

75:25

#B08D8E

50:50

#CB8565

25:75

#DF7C3A

100%

CSS Gradient Code

background: linear-gradient(to right, #3A9DDF, #DF7C3A);
background: linear-gradient(135deg, #3A9DDF, #DF7C3A);

Explore Each Color

#3A9DDF

View full color details

#DF7C3A

View full color details

Related Comparisons