#2C74BA

#2C74BA

#BA722C

#BA722C

Contrast Ratio

1.28:1

Delta E

94.39

Very Different

50:50 Mix

#917276

Color Values

Format #2C74BA #BA722C
HEX #2C74BA #BA722C
RGB 44, 116, 186 186, 114, 44
HSL 209.6, 61.7%, 45.1% 29.6, 61.7%, 45.1%
HSV 209.6, 76.3%, 72.9% 29.6, 76.3%, 72.9%
CMYK 76.3%, 37.6%, 0.0%, 27.1% 0.0%, 38.7%, 76.3%, 27.1%
OKLCH 0.5491 0.1302 251.0 0.618 0.1228 60.8

Contrast & Accessibility

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BA722C → Background: #2C74BA

The quick brown fox jumps over the lazy dog

Text: #2C74BA → Background: #BA722C

Color Difference (Delta E)

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

Gradient

#2C74BA #6173A3 #7D738C #917276 #A1725F #AE7247 #BA722C

Color Mixing

#2C74BA

100%

#707398

75:25

#917276

50:50

#A87253

25:75

#BA722C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C74BA, #BA722C);
background: linear-gradient(135deg, #2C74BA, #BA722C);

Explore Each Color

#2C74BA

View full color details

#BA722C

View full color details

Related Comparisons