#235BAF

#235BAF

#AF7723

#AF7723

Contrast Ratio

1.72:1

Delta E

102.84

Very Different

50:50 Mix

#87676E

Color Values

Format #235BAF #AF7723
HEX #235BAF #AF7723
RGB 35, 91, 175 175, 119, 35
HSL 216.0, 66.7%, 41.2% 36.0, 66.7%, 41.2%
HSV 216.0, 80.0%, 68.6% 36.0, 80.0%, 68.6%
CMYK 80.0%, 48.0%, 0.0%, 31.4% 0.0%, 32.0%, 80.0%, 31.4%
OKLCH 0.4822 0.1464 258.7 0.613 0.1179 72.2

Contrast & Accessibility

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7723 → Background: #235BAF

The quick brown fox jumps over the lazy dog

Text: #235BAF → Background: #AF7723

Color Difference (Delta E)

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

Gradient

#235BAF #585F99 #736384 #87676E #966C58 #A47140 #AF7723

Color Mixing

#235BAF

100%

#67608F

75:25

#87676E

50:50

#9D6F4D

25:75

#AF7723

100%

CSS Gradient Code

background: linear-gradient(to right, #235BAF, #AF7723);
background: linear-gradient(135deg, #235BAF, #AF7723);

Explore Each Color

#235BAF

View full color details

#AF7723

View full color details

Related Comparisons