#21A3BC

#21A3BC

#BC3A21

#BC3A21

Contrast Ratio

1.87:1

Delta E

101.79

Very Different

50:50 Mix

#9B766D

Color Values

Format #21A3BC #BC3A21
HEX #21A3BC #BC3A21
RGB 33, 163, 188 188, 58, 33
HSL 189.7, 70.1%, 43.3% 9.7, 70.1%, 43.3%
HSV 189.7, 82.4%, 73.7% 9.7, 82.4%, 73.7%
CMYK 82.4%, 13.3%, 0.0%, 26.3% 0.0%, 69.1%, 82.4%, 26.3%
OKLCH 0.6607 0.1099 214.7 0.5366 0.1707 32.9

Contrast & Accessibility

1.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC3A21 → Background: #21A3BC

The quick brown fox jumps over the lazy dog

Text: #21A3BC → Background: #BC3A21

Color Difference (Delta E)

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

Gradient

#21A3BC #6895A1 #868687 #9B766D #A96553 #B4523B #BC3A21

Color Mixing

#21A3BC

100%

#798D94

75:25

#9B766D

50:50

#AF5C47

25:75

#BC3A21

100%

CSS Gradient Code

background: linear-gradient(to right, #21A3BC, #BC3A21);
background: linear-gradient(135deg, #21A3BC, #BC3A21);

Explore Each Color

#21A3BC

View full color details

#BC3A21

View full color details

Related Comparisons