#6AABA8

#6AABA8

Color Values

HEX

#6AABA8

RGB

106, 171, 168

HSL

177.2, 27.9%, 54.3%

HSV

177.2, 38.0%, 67.1%

CMYK

38.0%, 0.0%, 1.8%, 32.9%

OKLCH

0.6968 0.0668 192.0

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#6AABA8

#AB6A6D

Analogous

#6AAB87

#6A8DAB

#6AABA8

Triadic

#6AABA8

#A86AAB

#ABA86A

Split Complementary

#6AABA8

#AB6A8D

#AB876A

Tetradic

#6AABA8

#876AAB

#AB6A6D

#8DAB6A

Color Blindness Simulation

Original

#6AABA8

Protanopia

#8687A9

Deuteranopia

#827DA9

Tritanopia

#6DA9A9

Achromatopsia

#9D9D9D

CSS Usage

background-color: #6AABA8;
color: #6AABA8;
border-color: #6AABA8;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E5E4
300
#B1D3D1
400
#86BBB9
500
#5CA3A0
600
#4A8280
700
#3B6866
800
#2E5250
900
#243D3B
950
#172626

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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