#68ADA1

#68ADA1

Color Values

HEX

#68ADA1

RGB

104, 173, 161

HSL

169.6, 29.6%, 54.3%

HSV

169.6, 39.9%, 67.8%

CMYK

39.9%, 0.0%, 6.9%, 32.2%

OKLCH

0.6983 0.0726 181.8

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#68ADA1

#AD6874

Analogous

#68AD7F

#6896AD

#68ADA1

Triadic

#68ADA1

#A168AD

#ADA168

Split Complementary

#68ADA1

#AD6896

#AD7F68

Tetradic

#68ADA1

#7F68AD

#AD6874

#96AD68

Color Blindness Simulation

Original

#68ADA1

Protanopia

#8686A4

Deuteranopia

#827DA5

Tritanopia

#6BA6A7

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D1E6E2
300
#B0D4CE
400
#85BDB3
500
#5AA598
600
#48847A
700
#396A61
800
#2D534C
900
#243D39
950
#162724

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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