#6AF992

#6AF992

Color Values

HEX

#6AF992

RGB

106, 249, 146

HSL

136,8, 92,3%, 69,6%

HSV

136,8, 57,4%, 97,6%

CMYK

57,4%, 0,0%, 41,4%, 2,4%

OKLCH

0,8793 0,1883 150,0

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#6AF992

#F96AD1

Analogous

#89F96A

#6AF9DA

#6AF992

Triadic

#6AF992

#926AF9

#F9926A

Split Complementary

#6AF992

#DA6AF9

#F96A89

Tetradic

#6AF992

#6A89F9

#F96AD1

#F9DA6A

Color Blindness Simulation

Original

#6AF992

Protanopia

#A8A9AB

Deuteranopia

#A095B1

Tritanopia

#71BFC3

Achromatopsia

#D3D3D3

CSS Usage

background-color: #6AF992;
color: #6AF992;
border-color: #6AF992;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF5
100
#DFFBE7
200
#BAFCCD
300
#89FAA9
400
#4AF87A
500
#0AF54C
600
#08C43D
700
#069D30
800
#057B26
900
#08591F
950
#053813

Contrast Checker

Text on white

1,35:1

AA Fail AAA Fail

Text on black

15,58: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