#1A66AF

#1A66AF

#AF631A

#AF631A

Contrast Ratio

1.3:1

Delta E

98.43

Very Different

50:50 Mix

Color Values

Format #1A66AF #AF631A
HEX #1A66AF #AF631A
RGB 26, 102, 175 175, 99, 26
HSL 209.4, 74.1%, 39.4% 29.4, 74.1%, 39.4%
HSV 209.4, 85.1%, 68.6% 29.4, 85.1%, 68.6%
CMYK 85.1%, 41.7%, 0.0%, 31.4% 0.0%, 43.4%, 85.1%, 31.4%
OKLCH 0.5049 0.1359 252.0 0.5753 0.1269 58.2

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF631A β†’ Background: #1A66AF

The quick brown fox jumps over the lazy dog

Text: #1A66AF β†’ Background: #AF631A

Color Difference (Delta E)

98.43 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #1A66AF, #AF631A);
background: linear-gradient(135deg, #1A66AF, #AF631A);

Explore Each Color

Related Comparisons