#2984A3

#2984A3

Color Values

HEX

#2984A3

RGB

41, 132, 163

HSL

195.2, 59.8%, 40.0%

HSV

195.2, 74.8%, 63.9%

CMYK

74.8%, 19.0%, 0.0%, 36.1%

OKLCH

0.5745 0.0951 225.2

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#2984A3

#A34829

Analogous

#29A385

#2947A3

#2984A3

Triadic

#2984A3

#A32984

#84A329

Split Complementary

#2984A3

#A32947

#A38529

Tetradic

#2984A3

#8529A3

#A34829

#47A329

Color Blindness Simulation

Original

#2984A3

Protanopia

#50519C

Deuteranopia

#4B449A

Tritanopia

#2E9694

Achromatopsia

#737373

CSS Usage

background-color: #2984A3;
color: #2984A3;
border-color: #2984A3;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3F9FB
100
#E4F2F6
200
#C6E6F1
300
#9DD4E6
400
#68BCD9
500
#33A5CC
600
#2984A3
700
#216A82
800
#1A5366
900
#163D4B
950
#0E272F

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

4.92:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026