#6CA682

#6CA682

Color Values

HEX

#6CA682

RGB

108, 166, 130

HSL

142.8, 24.6%, 53.7%

HSV

142.8, 34.9%, 65.1%

CMYK

34.9%, 0.0%, 21.7%, 34.9%

OKLCH

0.6749 0.0811 156.2

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#6CA682

#A66C90

Analogous

#73A66C

#6CA69F

#6CA682

Triadic

#6CA682

#826CA6

#A6826C

Split Complementary

#6CA682

#9F6CA6

#A66C73

Tetradic

#6CA682

#6C73A6

#A66C90

#A69F6C

Color Blindness Simulation

Original

#6CA682

Protanopia

#85868B

Deuteranopia

#827D8D

Tritanopia

#6F9293

Achromatopsia

#979797

CSS Usage

background-color: #6CA682;
color: #6CA682;
border-color: #6CA682;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D3E4D9
300
#B3D1BE
400
#89B89B
500
#609F78
600
#4D7F60
700
#3E664D
800
#304F3C
900
#263B2E
950
#18251D

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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