#286BAC

#286BAC

#AC6928

#AC6928

Contrast Ratio

1.27:1

Delta E

89.0

Very Different

50:50 Mix

#86696D

Color Values

Format #286BAC #AC6928
HEX #286BAC #AC6928
RGB 40, 107, 172 172, 105, 40
HSL 209.5, 62.3%, 41.6% 29.5, 62.3%, 41.6%
HSV 209.5, 76.7%, 67.5% 29.5, 76.7%, 67.5%
CMYK 76.7%, 37.8%, 0.0%, 32.5% 0.0%, 39.0%, 76.7%, 32.5%
OKLCH 0.5184 0.1228 250.9 0.5831 0.1159 60.8

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AC6928 → Background: #286BAC

The quick brown fox jumps over the lazy dog

Text: #286BAC → Background: #AC6928

Color Difference (Delta E)

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

Gradient

#286BAC #596A97 #736A82 #86696D #956957 #A16941 #AC6928

Color Mixing

#286BAC

100%

#676A8C

75:25

#86696D

50:50

#9B694C

25:75

#AC6928

100%

CSS Gradient Code

background: linear-gradient(to right, #286BAC, #AC6928);
background: linear-gradient(135deg, #286BAC, #AC6928);

Explore Each Color

#286BAC

View full color details

#AC6928

View full color details

Related Comparisons