#034A46

#034A46

Color Values

HEX

#034A46

RGB

3, 74, 70

HSL

176.6, 92.2%, 15.1%

HSV

176.6, 95.9%, 29.0%

CMYK

95.9%, 0.0%, 5.4%, 71.0%

OKLCH

0.3694 0.0629 188.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#034A46

#4A0307

Analogous

#034A22

#032B4A

#034A46

Triadic

#034A46

#46034A

#4A4603

Split Complementary

#034A46

#4A032B

#4A2203

Tetradic

#034A46

#22034A

#4A0307

#2B4A03

Color Blindness Simulation

Original

#034A46

Protanopia

#222247

Deuteranopia

#1E1847

Tritanopia

#074848

Achromatopsia

#3B3B3B

CSS Usage

background-color: #034A46;
color: #034A46;
border-color: #034A46;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFCF8
300
#89FAF4
400
#4AF8EE
500
#0AF5E8
600
#08C4B9
700
#069D94
800
#057B74
900
#085954
950
#053835

Contrast Checker

Text on white

10.14:1

AA Pass AAA Pass

Text on black

2.07:1

AA Fail 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