#6DF072

#6DF072

Color Values

HEX

#6DF072

RGB

109, 240, 114

HSL

122.3, 81.4%, 68.4%

HSV

122.3, 54.6%, 94.1%

CMYK

54.6%, 0.0%, 52.5%, 5.9%

OKLCH

0.8536 0.2035 144.2

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#6DF072

#F06DEB

Analogous

#A9F06D

#6DF0B3

#6DF072

Triadic

#6DF072

#726DF0

#F0726D

Split Complementary

#6DF072

#B36DF0

#F06DA9

Tetradic

#6DF072

#6DA9F0

#F06DEB

#F0B36D

Color Blindness Simulation

Original

#6DF072

Protanopia

#A6A790

Deuteranopia

#9E9498

Tritanopia

#74A9AE

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE2
200
#BEF8C0
300
#90F494
400
#54ED5A
500
#18E720
600
#13B919
700
#0F9414
800
#0C7410
900
#0D5410
950
#08350A

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.36:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026