#1364CC

#1364CC

#CC7B13

#CC7B13

Contrast Ratio

1.72:1

Delta E

123.35

Very Different

50:50 Mix

#9D6D79

Color Values

Format #1364CC #CC7B13
HEX #1364CC #CC7B13
RGB 19, 100, 204 204, 123, 19
HSL 213.7, 83.0%, 43.7% 33.7, 83.0%, 43.7%
HSV 213.7, 90.7%, 80.0% 33.7, 90.7%, 80.0%
CMYK 90.7%, 51.0%, 0.0%, 20.0% 0.0%, 39.7%, 90.7%, 20.0%
OKLCH 0.5198 0.1774 257.7 0.6559 0.1432 64.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: #CC7B13 → Background: #1364CC

The quick brown fox jumps over the lazy dog

Text: #1364CC → Background: #CC7B13

Color Difference (Delta E)

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

Gradient

#1364CC #6466B0 #866995 #9D6D79 #B0715D #BF763F #CC7B13

Color Mixing

#1364CC

100%

#7768A3

75:25

#9D6D79

50:50

#B8744F

25:75

#CC7B13

100%

CSS Gradient Code

background: linear-gradient(to right, #1364CC, #CC7B13);
background: linear-gradient(135deg, #1364CC, #CC7B13);

Explore Each Color

#1364CC

View full color details

#CC7B13

View full color details

Related Comparisons