#227BAF

#227BAF

#AF5622

#AF5622

Contrast Ratio

1.08:1

Delta E

89.3

Very Different

50:50 Mix

#8A6A6A

Color Values

Format #227BAF #AF5622
HEX #227BAF #AF5622
RGB 34, 123, 175 175, 86, 34
HSL 202.1, 67.5%, 41.0% 22.1, 67.5%, 41.0%
HSV 202.1, 80.6%, 68.6% 22.1, 80.6%, 68.6%
CMYK 80.6%, 29.7%, 0.0%, 31.4% 0.0%, 50.9%, 80.6%, 31.4%
OKLCH 0.5567 0.1139 239.9 0.5539 0.1323 47.4

Contrast & Accessibility

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5622 → Background: #227BAF

The quick brown fox jumps over the lazy dog

Text: #227BAF → Background: #AF5622

Color Difference (Delta E)

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

Gradient

#227BAF #5B7598 #777080 #8A6A6A #996453 #A55D3C #AF5622

Color Mixing

#227BAF

100%

#6A738C

75:25

#8A6A6A

50:50

#9F6047

25:75

#AF5622

100%

CSS Gradient Code

background: linear-gradient(to right, #227BAF, #AF5622);
background: linear-gradient(135deg, #227BAF, #AF5622);

Explore Each Color

#227BAF

View full color details

#AF5622

View full color details

Related Comparisons