#68E3AC

#68E3AC

Color Values

HEX

#68E3AC

RGB

104, 227, 172

HSL

153.2, 68.7%, 64.9%

HSV

153.2, 54.2%, 89.0%

CMYK

54.2%, 0.0%, 24.2%, 11.0%

OKLCH

0.8308 0.1366 161.9

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#68E3AC

#E3689F

Analogous

#68E36F

#68DCE3

#68E3AC

Triadic

#68E3AC

#AC68E3

#E3AC68

Split Complementary

#68E3AC

#E368DC

#E36F68

Tetradic

#68E3AC

#6F68E3

#E3689F

#DCE368

Color Blindness Simulation

Original

#68E3AC

Protanopia

#9D9EB9

Deuteranopia

#968DBC

Tritanopia

#6EC4C6

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F8EE
200
#C3F4DE
300
#98ECC6
400
#60E1A8
500
#28D789
600
#20AC6D
700
#1A8A58
800
#146C44
900
#124E34
950
#0C3221

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026