#277ACD

#277ACD

#CD7A27

#CD7A27

Contrast Ratio

1.35:1

Delta E

108.0

Very Different

50:50 Mix

#9F797E

Color Values

Format #277ACD #CD7A27
HEX #277ACD #CD7A27
RGB 39, 122, 205 205, 122, 39
HSL 210.0, 68.0%, 47.8% 30.0, 68.0%, 47.8%
HSV 210.0, 81.0%, 80.4% 30.0, 81.0%, 80.4%
CMYK 81.0%, 40.5%, 0.0%, 19.6% 0.0%, 40.5%, 81.0%, 19.6%
OKLCH 0.5732 0.1496 252.3 0.6564 0.1382 60.3

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CD7A27 → Background: #277ACD

The quick brown fox jumps over the lazy dog

Text: #277ACD → Background: #CD7A27

Color Difference (Delta E)

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

Gradient

#277ACD #6979B3 #897998 #9F797E #B17964 #C07A48 #CD7A27

Color Mixing

#277ACD

100%

#7A79A6

75:25

#9F797E

50:50

#B97956

25:75

#CD7A27

100%

CSS Gradient Code

background: linear-gradient(to right, #277ACD, #CD7A27);
background: linear-gradient(135deg, #277ACD, #CD7A27);

Explore Each Color

#277ACD

View full color details

#CD7A27

View full color details

Related Comparisons