#286FAF

#286FAF

#AF6828

#AF6828

Contrast Ratio

1.21:1

Delta E

89.56

Very Different

50:50 Mix

#886B6E

Color Values

Format #286FAF #AF6828
HEX #286FAF #AF6828
RGB 40, 111, 175 175, 104, 40
HSL 208.4, 62.8%, 42.2% 28.4, 62.8%, 42.2%
HSV 208.4, 77.1%, 68.6% 28.4, 77.1%, 68.6%
CMYK 77.1%, 36.6%, 0.0%, 31.4% 0.0%, 40.6%, 77.1%, 31.4%
OKLCH 0.5296 0.1226 249.5 0.5852 0.1189 58.6

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF6828 → Background: #286FAF

The quick brown fox jumps over the lazy dog

Text: #286FAF → Background: #AF6828

Color Difference (Delta E)

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

Gradient

#286FAF #5A6E99 #756C83 #886B6E #986A58 #A46941 #AF6828

Color Mixing

#286FAF

100%

#696D8E

75:25

#886B6E

50:50

#9E6A4D

25:75

#AF6828

100%

CSS Gradient Code

background: linear-gradient(to right, #286FAF, #AF6828);
background: linear-gradient(135deg, #286FAF, #AF6828);

Explore Each Color

#286FAF

View full color details

#AF6828

View full color details

Related Comparisons