#86AC9F

#86AC9F

white

#FFFFFF

Contrast Ratio

2.5:1

Delta E

36.3

Very Different

50:50 Mix

#C2D5CE

Color Values

Format #86AC9F #FFFFFF
HEX #86AC9F #FFFFFF
RGB 134, 172, 159 255, 255, 255
HSL 159.5, 18.6%, 60.0% 0.0, 0.0%, 100.0%
HSV 159.5, 22.1%, 67.5% 0.0, 0.0%, 100.0%
CMYK 22.1%, 0.0%, 7.6%, 32.5% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.7126 0.0455 172.0 1.0 0.0 89.9

Contrast & Accessibility

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFFFFF → Background: #86AC9F

The quick brown fox jumps over the lazy dog

Text: #86AC9F → Background: #FFFFFF

Color Difference (Delta E)

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

Gradient

#86AC9F #9ABAAE #AEC7BE #C2D5CE #D6E3DE #EAF1EE #FFFFFF

Color Mixing

#86AC9F

100%

#A4C0B6

75:25

#C2D5CE

50:50

#E0EAE6

25:75

#FFFFFF

100%

CSS Gradient Code

background: linear-gradient(to right, #86AC9F, #FFFFFF);
background: linear-gradient(135deg, #86AC9F, #FFFFFF);

Explore Each Color

#86AC9F

View full color details

white

View full color details

Related Comparisons