#68B489

#68B489

Color Values

HEX

#68B489

RGB

104, 180, 137

HSL

146.1, 33.6%, 55.7%

HSV

146.1, 42.2%, 70.6%

CMYK

42.2%, 0.0%, 23.9%, 29.4%

OKLCH

0.7086 0.0994 157.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#68B489

#B46893

Analogous

#6DB468

#68B4AF

#68B489

Triadic

#68B489

#8968B4

#B48968

Split Complementary

#68B489

#AF68B4

#B4686D

Tetradic

#68B489

#686DB4

#B46893

#B4AF68

Color Blindness Simulation

Original

#68B489

Protanopia

#898A93

Deuteranopia

#847F96

Tritanopia

#6C9C9D

Achromatopsia

#A1A1A1

CSS Usage

background-color: #68B489;
color: #68B489;
border-color: #68B489;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7DA
300
#ADD6BF
400
#81C09D
500
#55AA7A
600
#448862
700
#366D4E
800
#2A553D
900
#223F2F
950
#15281D

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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