#68AD94

#68AD94

Color Values

HEX

#68AD94

RGB

104, 173, 148

HSL

158.3, 29.6%, 54.3%

HSV

158.3, 39.9%, 67.8%

CMYK

39.9%, 0.0%, 14.5%, 32.2%

OKLCH

0.6945 0.0799 168.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#68AD94

#AD6881

Analogous

#68AD72

#68A3AD

#68AD94

Triadic

#68AD94

#9468AD

#AD9468

Split Complementary

#68AD94

#AD68A3

#AD7268

Tetradic

#68AD94

#7268AD

#AD6881

#A3AD68

Color Blindness Simulation

Original

#68AD94

Protanopia

#86869A

Deuteranopia

#827D9C

Tritanopia

#6B9FA0

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D1E6DE
300
#B0D4C7
400
#85BDA8
500
#5AA58A
600
#48846E
700
#396A58
800
#2D5345
900
#243D34
950
#162721

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026