#2C8AA0

#2C8AA0

Color Values

HEX

#2C8AA0

RGB

44, 138, 160

HSL

191.4, 56.9%, 40.0%

HSV

191.4, 72.5%, 62.7%

CMYK

72.5%, 13.8%, 0.0%, 37.3%

OKLCH

0.5889 0.0911 216.8

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#2C8AA0

#A0422C

Analogous

#2CA07C

#2C50A0

#2C8AA0

Triadic

#2C8AA0

#A02C8A

#8AA02C

Split Complementary

#2C8AA0

#A02C50

#A07C2C

Tetradic

#2C8AA0

#7C2CA0

#A0422C

#50A02C

Color Blindness Simulation

Original

#2C8AA0

Protanopia

#55569B

Deuteranopia

#4F4899

Tritanopia

#319696

Achromatopsia

#787878

CSS Usage

background-color: #2C8AA0;
color: #2C8AA0;
border-color: #2C8AA0;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E5F3F6
200
#C7E8F0
300
#9FD7E5
400
#6BC2D6
500
#37ACC8
600
#2C8AA0
700
#236E80
800
#1B5664
900
#184049
950
#0F282E

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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