#8CC6AF

#8CC6AF

Color Values

HEX

#8CC6AF

RGB

140, 198, 175

HSL

156.2, 33.7%, 66.3%

HSV

156.2, 29.3%, 77.6%

CMYK

29.3%, 0.0%, 11.6%, 22.4%

OKLCH

0.7801 0.0686 168.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#8CC6AF

#C68CA3

Analogous

#8CC692

#8CC0C6

#8CC6AF

Triadic

#8CC6AF

#AF8CC6

#C6AF8C

Split Complementary

#8CC6AF

#C68CC0

#C6928C

Tetradic

#8CC6AF

#928CC6

#C68CA3

#C0C68C

Color Blindness Simulation

Original

#8CC6AF

Protanopia

#A5A6B5

Deuteranopia

#A29DB6

Tritanopia

#8FB9BA

Achromatopsia

#B8B8B8

CSS Usage

background-color: #8CC6AF;
color: #8CC6AF;
border-color: #8CC6AF;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DE
300
#ADD6C6
400
#81C0A7
500
#55AA88
600
#44886D
700
#366D57
800
#2A5544
900
#223F33
950
#152821

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026