#6BD4A2

#6BD4A2

Color Values

HEX

#6BD4A2

RGB

107, 212, 162

HSL

151.4, 55.0%, 62.5%

HSV

151.4, 49.5%, 83.1%

CMYK

49.5%, 0.0%, 23.6%, 16.9%

OKLCH

0.7935 0.1225 161.1

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#6BD4A2

#D46B9D

Analogous

#6BD46D

#6BD2D4

#6BD4A2

Triadic

#6BD4A2

#A26BD4

#D4A26B

Split Complementary

#6BD4A2

#D46BD2

#D46D6B

Tetradic

#6BD4A2

#6D6BD4

#D46B9D

#D2D46B

Color Blindness Simulation

Original

#6BD4A2

Protanopia

#9899AE

Deuteranopia

#928AB1

Tritanopia

#70B8BA

Achromatopsia

#BABABA

CSS Usage

background-color: #6BD4A2;
color: #6BD4A2;
border-color: #6BD4A2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF8
100
#E5F5EE
200
#C8EFDC
300
#A0E3C3
400
#6DD5A3
500
#39C683
600
#2E9E69
700
#257E54
800
#1D6341
900
#184832
950
#0F2E1F

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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