#68DABB

#68DABB

Color Values

HEX

#68DABB

RGB

104, 218, 187

HSL

163.7, 60.6%, 63.1%

HSV

163.7, 52.3%, 85.5%

CMYK

52.3%, 0.0%, 14.2%, 14.5%

OKLCH

0.8131 0.1141 173.1

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#68DABB

#DA6887

Analogous

#68DA82

#68C0DA

#68DABB

Triadic

#68DABB

#BB68DA

#DABB68

Split Complementary

#68DABB

#DA68C0

#DA8268

Tetradic

#68DABB

#8268DA

#DA6887

#C0DA68

Color Blindness Simulation

Original

#68DABB

Protanopia

#999AC2

Deuteranopia

#938AC4

Tritanopia

#6EC8CA

Achromatopsia

#C0C0C0

CSS Usage

background-color: #68DABB;
color: #68DABB;
border-color: #68DABB;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FBF9
100
#E4F6F1
200
#C6F1E5
300
#9DE7D3
400
#67DABB
500
#32CDA3
600
#28A482
700
#208368
800
#196651
900
#164B3D
950
#0E2F26

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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