#74BCB6

#74BCB6

Color Values

HEX

#74BCB6

RGB

116, 188, 182

HSL

175.0, 35.0%, 59.6%

HSV

175.0, 38.3%, 73.7%

CMYK

38.3%, 0.0%, 3.2%, 26.3%

OKLCH

0.7462 0.073 189.0

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#74BCB6

#BC747A

Analogous

#74BC92

#749EBC

#74BCB6

Triadic

#74BCB6

#B674BC

#BCB674

Split Complementary

#74BCB6

#BC749E

#BC9274

Tetradic

#74BCB6

#9274BC

#BC747A

#9EBC74

Color Blindness Simulation

Original

#74BCB6

Protanopia

#9394B7

Deuteranopia

#8F8AB8

Tritanopia

#78B9B9

Achromatopsia

#ACACAC

CSS Usage

background-color: #74BCB6;
color: #74BCB6;
border-color: #74BCB6;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ACD7D4
400
#80C2BC
500
#53ACA5
600
#428A84
700
#356E69
800
#295652
900
#21403D
950
#152827

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026