#3A9ADF

#3A9ADF

#DF7F3A

#DF7F3A

Contrast Ratio

1.05:1

Delta E

101.88

Very Different

50:50 Mix

#B08D8E

Color Values

Format #3A9ADF #DF7F3A
HEX #3A9ADF #DF7F3A
RGB 58, 154, 223 223, 127, 58
HSL 205.1, 72.1%, 55.1% 25.1, 72.1%, 55.1%
HSV 205.1, 74.0%, 87.5% 25.1, 74.0%, 87.5%
CMYK 74.0%, 30.9%, 0.0%, 12.5% 0.0%, 43.0%, 74.0%, 12.5%
OKLCH 0.6614 0.1356 244.0 0.6899 0.1441 53.2

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7F3A → Background: #3A9ADF

The quick brown fox jumps over the lazy dog

Text: #3A9ADF → Background: #DF7F3A

Color Difference (Delta E)

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

Gradient

#3A9ADF #7796C4 #9891A9 #B08D8E #C38973 #D28458 #DF7F3A

Color Mixing

#3A9ADF

100%

#8994B6

75:25

#B08D8E

50:50

#CB8666

25:75

#DF7F3A

100%

CSS Gradient Code

background: linear-gradient(to right, #3A9ADF, #DF7F3A);
background: linear-gradient(135deg, #3A9ADF, #DF7F3A);

Explore Each Color

#3A9ADF

View full color details

#DF7F3A

View full color details

Related Comparisons