#8FF4AF

#8FF4AF

Color Values

HEX

#8FF4AF

RGB

143, 244, 175

HSL

139,0, 82,1%, 75,9%

HSV

139,0, 41,4%, 95,7%

CMYK

41,4%, 0,0%, 28,3%, 4,3%

OKLCH

0,8875 0,1354 153,0

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#8FF4AF

#F48FD4

Analogous

#A2F48F

#8FF4E1

#8FF4AF

Triadic

#8FF4AF

#AF8FF4

#F4AF8F

Split Complementary

#8FF4AF

#E18FF4

#F48FA2

Tetradic

#8FF4AF

#8FA2F4

#F48FD4

#F4E18F

Color Blindness Simulation

Original

#8FF4AF

Protanopia

#BBBCC0

Deuteranopia

#B5ADC4

Tritanopia

#94CDD0

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2FDF5
100
#E1FAE9
200
#BEF9D1
300
#90F4AF
400
#53EE84
500
#17E859
600
#12BA47
700
#0F9539
800
#0B742D
900
#0D5423
950
#083516

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026