#2C7E99

#2C7E99

Color Values

HEX

#2C7E99

RGB

44, 126, 153

HSL

194.9, 55.3%, 38.6%

HSV

194.9, 71.2%, 60.0%

CMYK

71.2%, 17.6%, 0.0%, 40.0%

OKLCH

0.5557 0.0875 223.8

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#2C7E99

#99472C

Analogous

#2C997D

#2C4799

#2C7E99

Triadic

#2C7E99

#992C7E

#7E992C

Split Complementary

#2C7E99

#992C47

#997D2C

Tetradic

#2C7E99

#7D2C99

#99472C

#47992C

Color Blindness Simulation

Original

#2C7E99

Protanopia

#505092

Deuteranopia

#4B4591

Tritanopia

#308D8C

Achromatopsia

#6F6F6F

CSS Usage

background-color: #2C7E99;
color: #2C7E99;
border-color: #2C7E99;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E5F1F6
200
#C8E5EF
300
#A0D3E4
400
#6CBBD5
500
#39A3C6
600
#2E829E
700
#24687F
800
#1C5163
900
#183D49
950
#0F262E

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass AAA Fail

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