#67ABA9

#67ABA9

Color Values

HEX

#67ABA9

RGB

103, 171, 169

HSL

178.2, 28.8%, 53.7%

HSV

178.2, 39.8%, 67.1%

CMYK

39.8%, 0.0%, 1.2%, 32.9%

OKLCH

0.6956 0.0692 193.3

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#67ABA9

#AB6769

Analogous

#67AB87

#678BAB

#67ABA9

Triadic

#67ABA9

#A967AB

#ABA967

Split Complementary

#67ABA9

#AB678B

#AB8767

Tetradic

#67ABA9

#8767AB

#AB6769

#8BAB67

Color Blindness Simulation

Original

#67ABA9

Protanopia

#8485A9

Deuteranopia

#807BAA

Tritanopia

#6AAAAA

Achromatopsia

#9C9C9C

CSS Usage

background-color: #67ABA9;
color: #67ABA9;
border-color: #67ABA9;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E5
300
#B0D3D2
400
#85BCBA
500
#5BA4A2
600
#498382
700
#3A6968
800
#2D5251
900
#243D3C
950
#172726

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.97:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026