#286BC5

#286BC5

#C58228

#C58228

Contrast Ratio

1.65:1

Delta E

109.8

Very Different

50:50 Mix

#98757C

Color Values

Format #286BC5 #C58228
HEX #286BC5 #C58228
RGB 40, 107, 197 197, 130, 40
HSL 214.4, 66.2%, 46.5% 34.4, 66.2%, 46.5%
HSV 214.4, 79.7%, 77.3% 34.4, 79.7%, 77.3%
CMYK 79.7%, 45.7%, 0.0%, 22.7% 0.0%, 34.0%, 79.7%, 22.7%
OKLCH 0.5346 0.1557 257.2 0.661 0.1294 69.0

Contrast & Accessibility

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C58228 → Background: #286BC5

The quick brown fox jumps over the lazy dog

Text: #286BC5 → Background: #C58228

Color Difference (Delta E)

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

Gradient

#286BC5 #646EAD #827194 #98757C #AA7963 #B87D48 #C58228

Color Mixing

#286BC5

100%

#756FA0

75:25

#98757C

50:50

#B17B56

25:75

#C58228

100%

CSS Gradient Code

background: linear-gradient(to right, #286BC5, #C58228);
background: linear-gradient(135deg, #286BC5, #C58228);

Explore Each Color

#286BC5

View full color details

#C58228

View full color details

Related Comparisons