#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