#74ABA1

#74ABA1

Color Values

HEX

#74ABA1

RGB

116, 171, 161

HSL

169.1, 24.7%, 56.3%

HSV

169.1, 32.2%, 67.1%

CMYK

32.2%, 0.0%, 5.8%, 32.9%

OKLCH

0.7 0.0598 181.9

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#74ABA1

#AB747E

Analogous

#74AB86

#749AAB

#74ABA1

Triadic

#74ABA1

#A174AB

#ABA174

Split Complementary

#74ABA1

#AB749A

#AB8674

Tetradic

#74ABA1

#8674AB

#AB747E

#9AAB74

Color Blindness Simulation

Original

#74ABA1

Protanopia

#8C8CA3

Deuteranopia

#8984A4

Tritanopia

#77A5A6

Achromatopsia

#9F9F9F

CSS Usage

background-color: #74ABA1;
color: #74ABA1;
border-color: #74ABA1;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E4E1
300
#B3D1CB
400
#89B8AF
500
#609F94
600
#4D7F76
700
#3D665E
800
#304F4A
900
#263B37
950
#182523

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026