#286AC1

#286AC1

#C17F28

#C17F28

Contrast Ratio

1.62:1

Delta E

107.06

Very Different

50:50 Mix

#95737A

Color Values

Format #286AC1 #C17F28
HEX #286AC1 #C17F28
RGB 40, 106, 193 193, 127, 40
HSL 214.1, 65.7%, 45.7% 34.1, 65.7%, 45.7%
HSV 214.1, 79.3%, 75.7% 34.1, 79.3%, 75.7%
CMYK 79.3%, 45.1%, 0.0%, 24.3% 0.0%, 34.2%, 79.3%, 24.3%
OKLCH 0.5297 0.1515 256.8 0.6505 0.127 68.6

Contrast & Accessibility

1.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C17F28 → Background: #286AC1

The quick brown fox jumps over the lazy dog

Text: #286AC1 → Background: #C17F28

Color Difference (Delta E)

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

Gradient

#286AC1 #626CA9 #806F91 #95737A #A67761 #B57B47 #C17F28

Color Mixing

#286AC1

100%

#726E9D

75:25

#95737A

50:50

#AE7955

25:75

#C17F28

100%

CSS Gradient Code

background: linear-gradient(to right, #286AC1, #C17F28);
background: linear-gradient(135deg, #286AC1, #C17F28);

Explore Each Color

#286AC1

View full color details

#C17F28

View full color details

Related Comparisons