#6FD28E

#6FD28E

Color Values

HEX

#6FD28E

RGB

111, 210, 142

HSL

138.8, 52.4%, 62.9%

HSV

138.8, 47.1%, 82.4%

CMYK

47.1%, 0.0%, 32.4%, 17.6%

OKLCH

0.7858 0.1353 152.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6FD28E

#D26FB3

Analogous

#81D26F

#6FD2BF

#6FD28E

Triadic

#6FD28E

#8E6FD2

#D28E6F

Split Complementary

#6FD28E

#BF6FD2

#D26F81

Tetradic

#6FD28E

#6F81D2

#D26FB3

#D2BF6F

Color Blindness Simulation

Original

#6FD28E

Protanopia

#9A9B9E

Deuteranopia

#948DA2

Tritanopia

#74ABAE

Achromatopsia

#B8B8B8

CSS Usage

background-color: #6FD28E;
color: #6FD28E;
border-color: #6FD28E;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FBF6
100
#E5F5EA
200
#C9EED4
300
#A2E2B6
400
#6FD28E
500
#3DC267
600
#319B52
700
#277C42
800
#1E6133
900
#1A4728
950
#102D19

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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