#8AC8B2

#8AC8B2

Color Values

HEX

#8AC8B2

RGB

138, 200, 178

HSL

158,7, 36,0%, 66,3%

HSV

158,7, 31,0%, 78,4%

CMYK

31,0%, 0,0%, 11,0%, 21,6%

OKLCH

0,7843 0,0712 170,3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#8AC8B2

#C88AA0

Analogous

#8AC893

#8ABFC8

#8AC8B2

Triadic

#8AC8B2

#B28AC8

#C8B28A

Split Complementary

#8AC8B2

#C88ABF

#C8938A

Tetradic

#8AC8B2

#938AC8

#C88AA0

#BFC88A

Color Blindness Simulation

Original

#8AC8B2

Protanopia

#A5A5B7

Deuteranopia

#A19DB9

Tritanopia

#8DBCBC

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE8DF
300
#ACD8C8
400
#7FC3AB
500
#52AD8D
600
#418B71
700
#346F5A
800
#295746
900
#214035
950
#152921

Contrast Checker

Text on white

1,91:1

AA Fail AAA Fail

Text on black

10,99:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026