#1C7AAF

#1C7AAF

#AF511C

#AF511C

Contrast Ratio

1.11:1

Delta E

92.49

Very Different

50:50 Mix

#8A6767

Color Values

Format #1C7AAF #AF511C
HEX #1C7AAF #AF511C
RGB 28, 122, 175 175, 81, 28
HSL 201.6, 72.4%, 39.8% 21.6, 72.4%, 39.8%
HSV 201.6, 84.0%, 68.6% 21.6, 84.0%, 68.6%
CMYK 84.0%, 30.3%, 0.0%, 31.4% 0.0%, 53.7%, 84.0%, 31.4%
OKLCH 0.553 0.1163 239.8 0.5455 0.138 45.9

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF511C → Background: #1C7AAF

The quick brown fox jumps over the lazy dog

Text: #1C7AAF → Background: #AF511C

Color Difference (Delta E)

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

Gradient

#1C7AAF #5A7497 #776E7F #8A6767 #99604F #A55937 #AF511C

Color Mixing

#1C7AAF

100%

#6A718B

75:25

#8A6767

50:50

#9F5D44

25:75

#AF511C

100%

CSS Gradient Code

background: linear-gradient(to right, #1C7AAF, #AF511C);
background: linear-gradient(135deg, #1C7AAF, #AF511C);

Explore Each Color

#1C7AAF

View full color details

#AF511C

View full color details

Related Comparisons