#2D7FCC

#2D7FCC

#CC7A2D

#CC7A2D

Contrast Ratio

1.27:1

Delta E

102.96

Very Different

50:50 Mix

#9F7C80

Color Values

Format #2D7FCC #CC7A2D
HEX #2D7FCC #CC7A2D
RGB 45, 127, 204 204, 122, 45
HSL 209.1, 63.9%, 48.8% 29.1, 63.9%, 48.8%
HSV 209.1, 77.9%, 80.0% 29.1, 77.9%, 80.0%
CMYK 77.9%, 37.7%, 0.0%, 20.0% 0.0%, 40.2%, 77.9%, 20.0%
OKLCH 0.5855 0.1415 250.6 0.6556 0.1348 59.4

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7A2D → Background: #2D7FCC

The quick brown fox jumps over the lazy dog

Text: #2D7FCC → Background: #CC7A2D

Color Difference (Delta E)

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

Gradient

#2D7FCC #6A7EB2 #897D99 #9F7C80 #B17B66 #BF7B4C #CC7A2D

Color Mixing

#2D7FCC

100%

#7B7DA6

75:25

#9F7C80

50:50

#B87B59

25:75

#CC7A2D

100%

CSS Gradient Code

background: linear-gradient(to right, #2D7FCC, #CC7A2D);
background: linear-gradient(135deg, #2D7FCC, #CC7A2D);

Explore Each Color

#2D7FCC

View full color details

#CC7A2D

View full color details

Related Comparisons