#2F77D8

#2F77D8

#D8902F

#D8902F

Contrast Ratio

1.67:1

Delta E

116.46

Very Different

50:50 Mix

#A78289

Color Values

Format #2F77D8 #D8902F
HEX #2F77D8 #D8902F
RGB 47, 119, 216 216, 144, 47
HSL 214.4, 68.4%, 51.6% 34.4, 68.4%, 51.6%
HSV 214.4, 78.2%, 84.7% 34.4, 78.2%, 84.7%
CMYK 78.2%, 44.9%, 0.0%, 15.3% 0.0%, 33.3%, 78.2%, 15.3%
OKLCH 0.5758 0.165 257.1 0.7102 0.1376 69.4

Contrast & Accessibility

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D8902F → Background: #2F77D8

The quick brown fox jumps over the lazy dog

Text: #2F77D8 → Background: #D8902F

Color Difference (Delta E)

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

Gradient

#2F77D8 #6F7ABE #907EA3 #A78289 #BA866E #CA8B52 #D8902F

Color Mixing

#2F77D8

100%

#817CB1

75:25

#A78289

50:50

#C38860

25:75

#D8902F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F77D8, #D8902F);
background: linear-gradient(135deg, #2F77D8, #D8902F);

Explore Each Color

#2F77D8

View full color details

#D8902F

View full color details

Related Comparisons