#2F7AC2

#2F7AC2

#C2772F

#C2772F

Contrast Ratio

1.28:1

Delta E

96.78

Very Different

50:50 Mix

#97787B

Color Values

Format #2F7AC2 #C2772F
HEX #2F7AC2 #C2772F
RGB 47, 122, 194 194, 119, 47
HSL 209.4, 61.0%, 47.3% 29.4, 61.0%, 47.3%
HSV 209.4, 75.8%, 76.1% 29.4, 75.8%, 76.1%
CMYK 75.8%, 37.1%, 0.0%, 23.9% 0.0%, 38.7%, 75.8%, 23.9%
OKLCH 0.5686 0.1334 250.7 0.6376 0.1264 60.5

Contrast & Accessibility

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C2772F → Background: #2F7AC2

The quick brown fox jumps over the lazy dog

Text: #2F7AC2 → Background: #C2772F

Color Difference (Delta E)

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

Gradient

#2F7AC2 #6579AA #827993 #97787B #A87864 #B6774B #C2772F

Color Mixing

#2F7AC2

100%

#75799E

75:25

#97787B

50:50

#AF7757

25:75

#C2772F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F7AC2, #C2772F);
background: linear-gradient(135deg, #2F7AC2, #C2772F);

Explore Each Color

#2F7AC2

View full color details

#C2772F

View full color details

Related Comparisons