#232BAF

#232BAF

#AFA723

#AFA723

Contrast Ratio

4.11:1

Delta E

149.61

Very Different

50:50 Mix

#886676

Color Values

Format #232BAF #AFA723
HEX #232BAF #AFA723
RGB 35, 43, 175 175, 167, 35
HSL 236.6, 66.7%, 41.2% 56.6, 66.7%, 41.2%
HSV 236.6, 80.0%, 68.6% 56.6, 80.0%, 68.6%
CMYK 80.0%, 75.4%, 0.0%, 31.4% 0.0%, 4.6%, 80.0%, 31.4%
OKLCH 0.3913 0.2026 269.9 0.7132 0.1423 105.8

Contrast & Accessibility

4.11:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AFA723 → Background: #232BAF

The quick brown fox jumps over the lazy dog

Text: #232BAF → Background: #AFA723

Color Difference (Delta E)

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

Gradient

#232BAF #593E9D #75528A #886676 #987C61 #A59148 #AFA723

Color Mixing

#232BAF

100%

#684893

75:25

#886676

50:50

#9F8655

25:75

#AFA723

100%

CSS Gradient Code

background: linear-gradient(to right, #232BAF, #AFA723);
background: linear-gradient(135deg, #232BAF, #AFA723);

Explore Each Color

#232BAF

View full color details

#AFA723

View full color details

Related Comparisons