#1277CC

#1277CC

#CC6712

#CC6712

Contrast Ratio

1.22:1

Delta E

114.64

Very Different

50:50 Mix

#9F6F76

Color Values

Format #1277CC #CC6712
HEX #1277CC #CC6712
RGB 18, 119, 204 204, 103, 18
HSL 207.4, 83.8%, 43.5% 27.4, 83.8%, 43.5%
HSV 207.4, 91.2%, 80.0% 27.4, 91.2%, 80.0%
CMYK 91.2%, 41.7%, 0.0%, 20.0% 0.0%, 49.5%, 91.2%, 20.0%
OKLCH 0.5618 0.1558 250.9 0.6221 0.1533 52.5

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC6712 → Background: #1277CC

The quick brown fox jumps over the lazy dog

Text: #1277CC → Background: #CC6712

Color Difference (Delta E)

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

Gradient

#1277CC #6674AF #887192 #9F6F76 #B16C59 #C06A3B #CC6712

Color Mixing

#1277CC

100%

#7973A1

75:25

#9F6F76

50:50

#B96B4A

25:75

#CC6712

100%

CSS Gradient Code

background: linear-gradient(to right, #1277CC, #CC6712);
background: linear-gradient(135deg, #1277CC, #CC6712);

Explore Each Color

#1277CC

View full color details

#CC6712

View full color details

Related Comparisons