#68A994

#68A994

Color Values

HEX

#68A994

RGB

104, 169, 148

HSL

160.6, 27.4%, 53.5%

HSV

160.6, 38.5%, 66.3%

CMYK

38.5%, 0.0%, 12.4%, 33.7%

OKLCH

0.6848 0.0742 171.5

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#68A994

#A9687D

Analogous

#68A973

#689DA9

#68A994

Triadic

#68A994

#9468A9

#A99468

Split Complementary

#68A994

#A9689D

#A97368

Tetradic

#68A994

#7368A9

#A9687D

#9DA968

Color Blindness Simulation

Original

#68A994

Protanopia

#848599

Deuteranopia

#807C9A

Tritanopia

#6B9D9E

Achromatopsia

#9A9A9A

CSS Usage

background-color: #68A994;
color: #68A994;
border-color: #68A994;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E5DF
300
#B1D3C8
400
#87BBAA
500
#5DA28C
600
#4A8270
700
#3B6859
800
#2E5146
900
#253C35
950
#172621

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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