#2F9FBC

#2F9FBC

#BC4C2F

#BC4C2F

Contrast Ratio

1.62:1

Delta E

91.46

Very Different

50:50 Mix

#997A74

Color Values

Format #2F9FBC #BC4C2F
HEX #2F9FBC #BC4C2F
RGB 47, 159, 188 188, 76, 47
HSL 192.3, 60.0%, 46.1% 12.3, 60.0%, 46.1%
HSV 192.3, 75.0%, 73.7% 12.3, 75.0%, 73.7%
CMYK 75.0%, 15.4%, 0.0%, 26.3% 0.0%, 59.6%, 75.0%, 26.3%
OKLCH 0.6536 0.1053 219.3 0.5601 0.1512 35.5

Contrast & Accessibility

1.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC4C2F → Background: #2F9FBC

The quick brown fox jumps over the lazy dog

Text: #2F9FBC → Background: #BC4C2F

Color Difference (Delta E)

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

Gradient

#2F9FBC #6893A4 #85878C #997A74 #A86C5D #B35D46 #BC4C2F

Color Mixing

#2F9FBC

100%

#788D98

75:25

#997A74

50:50

#AE6552

25:75

#BC4C2F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F9FBC, #BC4C2F);
background: linear-gradient(135deg, #2F9FBC, #BC4C2F);

Explore Each Color

#2F9FBC

View full color details

#BC4C2F

View full color details

Related Comparisons