#236FCC

#236FCC

#CC8023

#CC8023

Contrast Ratio

1.58:1

Delta E

114.16

Very Different

50:50 Mix

#9E767E

Color Values

Format #236FCC #CC8023
HEX #236FCC #CC8023
RGB 35, 111, 204 204, 128, 35
HSL 213.0, 70.7%, 46.9% 33.0, 70.7%, 46.9%
HSV 213.0, 82.8%, 80.0% 33.0, 82.8%, 80.0%
CMYK 82.8%, 45.6%, 0.0%, 20.0% 0.0%, 37.3%, 82.8%, 20.0%
OKLCH 0.5469 0.1615 256.0 0.6656 0.1369 65.5

Contrast & Accessibility

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC8023 → Background: #236FCC

The quick brown fox jumps over the lazy dog

Text: #236FCC → Background: #CC8023

Color Difference (Delta E)

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

Gradient

#236FCC #6771B2 #877398 #9E767E #B07963 #BF7C47 #CC8023

Color Mixing

#236FCC

100%

#7872A5

75:25

#9E767E

50:50

#B87B55

25:75

#CC8023

100%

CSS Gradient Code

background: linear-gradient(to right, #236FCC, #CC8023);
background: linear-gradient(135deg, #236FCC, #CC8023);

Explore Each Color

#236FCC

View full color details

#CC8023

View full color details

Related Comparisons