#2BA6BC

#2BA6BC

#BC412B

#BC412B

Contrast Ratio

1.85:1

Delta E

96.66

Very Different

50:50 Mix

#9B7A71

Color Values

Format #2BA6BC #BC412B
HEX #2BA6BC #BC412B
RGB 43, 166, 188 188, 65, 43
HSL 189.1, 62.8%, 45.3% 9.1, 62.8%, 45.3%
HSV 189.1, 77.1%, 73.7% 9.1, 77.1%, 73.7%
CMYK 77.1%, 11.7%, 0.0%, 26.3% 0.0%, 65.4%, 77.1%, 26.3%
OKLCH 0.6699 0.1069 212.8 0.5456 0.1625 32.4

Contrast & Accessibility

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC412B → Background: #2BA6BC

The quick brown fox jumps over the lazy dog

Text: #2BA6BC → Background: #BC412B

Color Difference (Delta E)

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

Gradient

#2BA6BC #6998A3 #87898A #9B7A71 #A9695A #B45742 #BC412B

Color Mixing

#2BA6BC

100%

#7A9096

75:25

#9B7A71

50:50

#AF604E

25:75

#BC412B

100%

CSS Gradient Code

background: linear-gradient(to right, #2BA6BC, #BC412B);
background: linear-gradient(135deg, #2BA6BC, #BC412B);

Explore Each Color

#2BA6BC

View full color details

#BC412B

View full color details

Related Comparisons