#399BDC

#399BDC

#DC7A39

#DC7A39

Contrast Ratio

1.0:1

Delta E

100.21

Very Different

50:50 Mix

#AE8B8C

Color Values

Format #399BDC #DC7A39
HEX #399BDC #DC7A39
RGB 57, 155, 220 220, 122, 57
HSL 203.9, 70.0%, 54.3% 23.9, 70.0%, 54.3%
HSV 203.9, 74.1%, 86.3% 23.9, 74.1%, 86.3%
CMYK 74.1%, 29.5%, 0.0%, 13.7% 0.0%, 44.5%, 74.1%, 13.7%
OKLCH 0.6619 0.1318 242.0 0.6775 0.1445 51.2

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: #DC7A39 → Background: #399BDC

The quick brown fox jumps over the lazy dog

Text: #399BDC → Background: #DC7A39

Color Difference (Delta E)

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

Gradient

#399BDC #7696C1 #9791A6 #AE8B8C #C08671 #CF8056 #DC7A39

Color Mixing

#399BDC

100%

#8893B4

75:25

#AE8B8C

50:50

#C88364

25:75

#DC7A39

100%

CSS Gradient Code

background: linear-gradient(to right, #399BDC, #DC7A39);
background: linear-gradient(135deg, #399BDC, #DC7A39);

Explore Each Color

#399BDC

View full color details

#DC7A39

View full color details

Related Comparisons