#227AAF

#227AAF

#AF5722

#AF5722

Contrast Ratio

1.06:1

Delta E

89.41

Very Different

50:50 Mix

#8A6A6A

Color Values

Format #227AAF #AF5722
HEX #227AAF #AF5722
RGB 34, 122, 175 175, 87, 34
HSL 202.6, 67.5%, 41.0% 22.6, 67.5%, 41.0%
HSV 202.6, 80.6%, 68.6% 22.6, 80.6%, 68.6%
CMYK 80.6%, 30.3%, 0.0%, 31.4% 0.0%, 50.3%, 80.6%, 31.4%
OKLCH 0.5543 0.1147 240.7 0.5555 0.1316 48.0

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5722 → Background: #227AAF

The quick brown fox jumps over the lazy dog

Text: #227AAF → Background: #AF5722

Color Difference (Delta E)

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

Gradient

#227AAF #5B7598 #776F81 #8A6A6A #996453 #A55E3C #AF5722

Color Mixing

#227AAF

100%

#6A728C

75:25

#8A6A6A

50:50

#9F6147

25:75

#AF5722

100%

CSS Gradient Code

background: linear-gradient(to right, #227AAF, #AF5722);
background: linear-gradient(135deg, #227AAF, #AF5722);

Explore Each Color

#227AAF

View full color details

#AF5722

View full color details

Related Comparisons