#2275AF

#2275AF

#AF5C22

#AF5C22

Contrast Ratio

1.03:1

Delta E

90.25

Very Different

50:50 Mix

#89696A

Color Values

Format #2275AF #AF5C22
HEX #2275AF #AF5C22
RGB 34, 117, 175 175, 92, 34
HSL 204.7, 67.5%, 41.0% 24.7, 67.5%, 41.0%
HSV 204.7, 80.6%, 68.6% 24.7, 80.6%, 68.6%
CMYK 80.6%, 33.1%, 0.0%, 31.4% 0.0%, 47.4%, 80.6%, 31.4%
OKLCH 0.5423 0.1188 244.3 0.5638 0.1281 51.4

Contrast & Accessibility

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5C22 → Background: #2275AF

The quick brown fox jumps over the lazy dog

Text: #2275AF → Background: #AF5C22

Color Difference (Delta E)

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

Gradient

#2275AF #5A7198 #766D81 #89696A #986554 #A5613C #AF5C22

Color Mixing

#2275AF

100%

#6A6F8C

75:25

#89696A

50:50

#9F6348

25:75

#AF5C22

100%

CSS Gradient Code

background: linear-gradient(to right, #2275AF, #AF5C22);
background: linear-gradient(135deg, #2275AF, #AF5C22);

Explore Each Color

#2275AF

View full color details

#AF5C22

View full color details

Related Comparisons