#8AF88B

#8AF88B

Color Values

HEX

#8AF88B

RGB

138, 248, 139

HSL

120.5, 88.7%, 75.7%

HSV

120.5, 44.4%, 97.3%

CMYK

44.4%, 0.0%, 44.0%, 2.7%

OKLCH

0.888 0.1779 144.1

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#8AF88B

#F88AF7

Analogous

#C0F88A

#8AF8C2

#8AF88B

Triadic

#8AF88B

#8B8AF8

#F88B8A

Split Complementary

#8AF88B

#C28AF8

#F88AC0

Tetradic

#8AF88B

#8AC0F8

#F88AF7

#F8C28A

Color Blindness Simulation

Original

#8AF88B

Protanopia

#BABBA5

Deuteranopia

#B3ABAC

Tritanopia

#90BABF

Achromatopsia

#D9D9D9

CSS Usage

background-color: #8AF88B;
color: #8AF88B;
border-color: #8AF88B;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BCFBBC
300
#8CF88C
400
#4DF44E
500
#0EF110
600
#0CC00D
700
#099A0A
800
#077808
900
#0A570A
950
#063707

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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