#8AF795

#8AF795

Color Values

HEX

#8AF795

RGB

138, 247, 149

HSL

126.1, 87.2%, 75.5%

HSV

126.1, 44.1%, 96.9%

CMYK

44.1%, 0.0%, 39.7%, 3.1%

OKLCH

0.8873 0.1671 146.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#8AF795

#F78AEC

Analogous

#B5F78A

#8AF7CC

#8AF795

Triadic

#8AF795

#958AF7

#F7958A

Split Complementary

#8AF795

#CC8AF7

#F78AB5

Tetradic

#8AF795

#8AB5F7

#F78AEC

#F7CC8A

Color Blindness Simulation

Original

#8AF795

Protanopia

#B9BAAD

Deuteranopia

#B3ABB2

Tritanopia

#8FBFC4

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE3
200
#BCFAC2
300
#8CF797
400
#4EF35F
500
#10EF27
600
#0DBF1F
700
#0A9919
800
#087713
900
#0A5612
950
#07370B

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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