#2F7DB5

#2F7DB5

#B5672F

#B5672F

Contrast Ratio

1.05:1

Delta E

86.09

Very Different

50:50 Mix

#8E7273

Color Values

Format #2F7DB5 #B5672F
HEX #2F7DB5 #B5672F
RGB 47, 125, 181 181, 103, 47
HSL 205.1, 58.8%, 44.7% 25.1, 58.8%, 44.7%
HSV 205.1, 74.0%, 71.0% 25.1, 74.0%, 71.0%
CMYK 74.0%, 30.9%, 0.0%, 29.0% 0.0%, 43.1%, 74.0%, 29.0%
OKLCH 0.5682 0.1147 243.8 0.5921 0.1219 53.3

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B5672F → Background: #2F7DB5

The quick brown fox jumps over the lazy dog

Text: #2F7DB5 → Background: #B5672F

Color Difference (Delta E)

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

Gradient

#2F7DB5 #607A9F #7B7689 #8E7273 #9E6F5D #AA6B47 #B5672F

Color Mixing

#2F7DB5

100%

#6F7894

75:25

#8E7273

50:50

#A46D52

25:75

#B5672F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F7DB5, #B5672F);
background: linear-gradient(135deg, #2F7DB5, #B5672F);

Explore Each Color

#2F7DB5

View full color details

#B5672F

View full color details

Related Comparisons