#174CCC

#174CCC

#CC9717

#CC9717

Contrast Ratio

2.72:1

Delta E

141.65

Very Different

50:50 Mix

#9D6E7F

Color Values

Format #174CCC #CC9717
HEX #174CCC #CC9717
RGB 23, 76, 204 204, 151, 23
HSL 222.4, 79.7%, 44.5% 42.4, 79.7%, 44.5%
HSV 222.4, 88.7%, 80.0% 42.4, 88.7%, 80.0%
CMYK 88.7%, 62.7%, 0.0%, 20.0% 0.0%, 26.0%, 88.7%, 20.0%
OKLCH 0.472 0.2055 263.4 0.7085 0.1409 82.4

Contrast & Accessibility

2.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC9717 → Background: #174CCC

The quick brown fox jumps over the lazy dog

Text: #174CCC → Background: #CC9717

Color Difference (Delta E)

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

Gradient

#174CCC #6456B2 #856199 #9D6E7F #AF7B64 #BF8945 #CC9717

Color Mixing

#174CCC

100%

#765BA6

75:25

#9D6E7F

50:50

#B78255

25:75

#CC9717

100%

CSS Gradient Code

background: linear-gradient(to right, #174CCC, #CC9717);
background: linear-gradient(135deg, #174CCC, #CC9717);

Explore Each Color

#174CCC

View full color details

#CC9717

View full color details

Related Comparisons