#68DDA0

#68DDA0

Color Values

HEX

#68DDA0

RGB

104, 221, 160

HSL

148.7, 63.2%, 63.7%

HSV

148.7, 52.9%, 86.7%

CMYK

52.9%, 0.0%, 27.6%, 13.3%

OKLCH

0.8136 0.1385 158.3

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#68DDA0

#DD68A5

Analogous

#6ADD68

#68DDDA

#68DDA0

Triadic

#68DDA0

#A068DD

#DDA068

Split Complementary

#68DDA0

#DA68DD

#DD686A

Tetradic

#68DDA0

#686ADD

#DD68A5

#DDDA68

Color Blindness Simulation

Original

#68DDA0

Protanopia

#9B9CAF

Deuteranopia

#948BB2

Tritanopia

#6EBABD

Achromatopsia

#C0C0C0

CSS Usage

background-color: #68DDA0;
color: #68DDA0;
border-color: #68DDA0;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FBF7
100
#E4F7ED
200
#C5F2DA
300
#9BE8C0
400
#65DC9E
500
#2FD07C
600
#26A663
700
#1E854F
800
#17683E
900
#154C2F
950
#0D301E

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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