#034E50

#034E50

Color Values

HEX

#034E50

RGB

3, 78, 80

HSL

181,6, 92,8%, 16,3%

HSV

181,6, 96,2%, 31,4%

CMYK

96,3%, 2,5%, 0,0%, 68,6%

OKLCH

0,3852 0,0644 197,8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#034E50

#500503

Analogous

#03502C

#032850

#034E50

Triadic

#034E50

#50034E

#4E5003

Split Complementary

#034E50

#500328

#502C03

Tetradic

#034E50

#2C0350

#500503

#285003

Color Blindness Simulation

Original

#034E50

Protanopia

#232450

Deuteranopia

#1F1A4F

Tritanopia

#074F4F

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BAFBFC
300
#89F8FB
400
#49F4F8
500
#09F0F6
600
#07C0C5
700
#06999D
800
#05787B
900
#085759
950
#053738

Contrast Checker

Text on white

9,5:1

AA Pass AAA Pass

Text on black

2,21:1

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