#8CF8AF

#8CF8AF

Color Values

HEX

#8CF8AF

RGB

140, 248, 175

HSL

139,4, 88,5%, 76,1%

HSV

139,4, 43,5%, 97,3%

CMYK

43,5%, 0,0%, 29,4%, 2,7%

OKLCH

0,8954 0,143 153,0

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8CF8AF

#F88CD5

Analogous

#9FF88C

#8CF8E5

#8CF8AF

Triadic

#8CF8AF

#AF8CF8

#F8AF8C

Split Complementary

#8CF8AF

#E58CF8

#F88C9F

Tetradic

#8CF8AF

#8C9FF8

#F88CD5

#F8E58C

Color Blindness Simulation

Original

#8CF8AF

Protanopia

#BBBCC1

Deuteranopia

#B4ACC5

Tritanopia

#91CFD2

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F2FDF5
100
#E0FBE8
200
#BCFBD0
300
#8CF8AF
400
#4DF483
500
#0FF058
600
#0CC046
700
#099A38
800
#07782C
900
#0A5723
950
#063716

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

16,16: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