#277BCD

#277BCD

#CD7927

#CD7927

Contrast Ratio

1.32:1

Delta E

107.54

Very Different

50:50 Mix

#A0797E

Color Values

Format #277BCD #CD7927
HEX #277BCD #CD7927
RGB 39, 123, 205 205, 121, 39
HSL 209.6, 68.0%, 47.8% 29.6, 68.0%, 47.8%
HSV 209.6, 81.0%, 80.4% 29.6, 81.0%, 80.4%
CMYK 81.0%, 40.0%, 0.0%, 19.6% 0.0%, 41.0%, 81.0%, 19.6%
OKLCH 0.5754 0.1486 251.8 0.6547 0.1386 59.6

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CD7927 → Background: #277BCD

The quick brown fox jumps over the lazy dog

Text: #277BCD → Background: #CD7927

Color Difference (Delta E)

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

Gradient

#277BCD #697AB3 #897A98 #A0797E #B17964 #C07948 #CD7927

Color Mixing

#277BCD

100%

#7A7AA5

75:25

#A0797E

50:50

#B97956

25:75

#CD7927

100%

CSS Gradient Code

background: linear-gradient(to right, #277BCD, #CD7927);
background: linear-gradient(135deg, #277BCD, #CD7927);

Explore Each Color

#277BCD

View full color details

#CD7927

View full color details

Related Comparisons