#237BAF

#237BAF

#AF5723

#AF5723

Contrast Ratio

1.07:1

Delta E

88.78

Very Different

50:50 Mix

#8A6A6A

Color Values

Format #237BAF #AF5723
HEX #237BAF #AF5723
RGB 35, 123, 175 175, 87, 35
HSL 202.3, 66.7%, 41.2% 22.3, 66.7%, 41.2%
HSV 202.3, 80.0%, 68.6% 22.3, 80.0%, 68.6%
CMYK 80.0%, 29.7%, 0.0%, 31.4% 0.0%, 50.3%, 80.0%, 31.4%
OKLCH 0.5569 0.1136 240.1 0.5556 0.1312 47.7

Contrast & Accessibility

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5723 → Background: #237BAF

The quick brown fox jumps over the lazy dog

Text: #237BAF → Background: #AF5723

Color Difference (Delta E)

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

Gradient

#237BAF #5B7698 #777081 #8A6A6A #996454 #A55E3C #AF5723

Color Mixing

#237BAF

100%

#6B738C

75:25

#8A6A6A

50:50

#9F6148

25:75

#AF5723

100%

CSS Gradient Code

background: linear-gradient(to right, #237BAF, #AF5723);
background: linear-gradient(135deg, #237BAF, #AF5723);

Explore Each Color

#237BAF

View full color details

#AF5723

View full color details

Related Comparisons