#8AFAA6

#8AFAA6

Color Values

HEX

#8AFAA6

RGB

138, 250, 166

HSL

135.0, 91.8%, 76.1%

HSV

135.0, 44.8%, 98.0%

CMYK

44.8%, 0.0%, 33.6%, 2.0%

OKLCH

0.8974 0.1553 150.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8AFAA6

#FA8ADE

Analogous

#A6FA8A

#8AFADE

#8AFAA6

Triadic

#8AFAA6

#A68AFA

#FAA68A

Split Complementary

#8AFAA6

#DE8AFA

#FA8AA6

Tetradic

#8AFAA6

#8AA6FA

#FA8ADE

#FADE8A

Color Blindness Simulation

Original

#8AFAA6

Protanopia

#BBBBBA

Deuteranopia

#B4ACBF

Tritanopia

#90CACE

Achromatopsia

#DCDCDC

CSS Usage

background-color: #8AFAA6;
color: #8AFAA6;
border-color: #8AFAA6;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FDF4
100
#DFFBE6
200
#BBFCCB
300
#8AFAA6
400
#4AF775
500
#0AF545
600
#08C437
700
#079D2C
800
#057A22
900
#08581C
950
#053812

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.31: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