#2D80CA

#2D80CA

#CA772D

#CA772D

Contrast Ratio

1.22:1

Delta E

101.05

Very Different

50:50 Mix

#9E7B7E

Color Values

Format #2D80CA #CA772D
HEX #2D80CA #CA772D
RGB 45, 128, 202 202, 119, 45
HSL 208.3, 63.6%, 48.4% 28.3, 63.6%, 48.4%
HSV 208.3, 77.7%, 79.2% 28.3, 77.7%, 79.2%
CMYK 77.7%, 36.6%, 0.0%, 20.8% 0.0%, 41.1%, 77.7%, 20.8%
OKLCH 0.5866 0.138 249.4 0.6477 0.1344 58.0

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: #CA772D → Background: #2D80CA

The quick brown fox jumps over the lazy dog

Text: #2D80CA → Background: #CA772D

Color Difference (Delta E)

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

Gradient

#2D80CA #697EB1 #887D97 #9E7B7E #AF7A65 #BE784B #CA772D

Color Mixing

#2D80CA

100%

#7A7DA4

75:25

#9E7B7E

50:50

#B77958

25:75

#CA772D

100%

CSS Gradient Code

background: linear-gradient(to right, #2D80CA, #CA772D);
background: linear-gradient(135deg, #2D80CA, #CA772D);

Explore Each Color

#2D80CA

View full color details

#CA772D

View full color details

Related Comparisons