#7AB3B1

#7AB3B1

Color Values

HEX

#7AB3B1

RGB

122, 179, 177

HSL

177.9, 27.3%, 59.0%

HSV

177.9, 31.8%, 70.2%

CMYK

31.8%, 0.0%, 1.1%, 29.8%

OKLCH

0.7269 0.0594 193.1

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7AB3B1

#B37A7C

Analogous

#7AB394

#7A98B3

#7AB3B1

Triadic

#7AB3B1

#B17AB3

#B3B17A

Split Complementary

#7AB3B1

#B37A98

#B3947A

Tetradic

#7AB3B1

#947AB3

#B37A7C

#98B37A

Color Blindness Simulation

Original

#7AB3B1

Protanopia

#9393B1

Deuteranopia

#8F8BB2

Tritanopia

#7DB2B2

Achromatopsia

#A7A7A7

CSS Usage

background-color: #7AB3B1;
color: #7AB3B1;
border-color: #7AB3B1;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E5E4
300
#B1D3D1
400
#87BAB9
500
#5DA2A0
600
#4A8280
700
#3B6866
800
#2E5150
900
#253C3C
950
#172626

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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