#286CBC

#286CBC

#BC7828

#BC7828

Contrast Ratio

1.48:1

Delta E

101.56

Very Different

50:50 Mix

#927176

Color Values

Format #286CBC #BC7828
HEX #286CBC #BC7828
RGB 40, 108, 188 188, 120, 40
HSL 212.4, 64.9%, 44.7% 32.4, 64.9%, 44.7%
HSV 212.4, 78.7%, 73.7% 32.4, 78.7%, 73.7%
CMYK 78.7%, 42.6%, 0.0%, 26.3% 0.0%, 36.2%, 78.7%, 26.3%
OKLCH 0.5308 0.1426 254.9 0.6313 0.1246 65.6

Contrast & Accessibility

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC7828 → Background: #286CBC

The quick brown fox jumps over the lazy dog

Text: #286CBC → Background: #BC7828

Color Difference (Delta E)

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

Gradient

#286CBC #606DA5 #7D6F8D #927176 #A2735F #B07546 #BC7828

Color Mixing

#286CBC

100%

#706E99

75:25

#927176

50:50

#A97452

25:75

#BC7828

100%

CSS Gradient Code

background: linear-gradient(to right, #286CBC, #BC7828);
background: linear-gradient(135deg, #286CBC, #BC7828);

Explore Each Color

#286CBC

View full color details

#BC7828

View full color details

Related Comparisons