#034B4E

#034B4E

Color Values

HEX

#034B4E

RGB

3, 75, 78

HSL

182.4, 92.6%, 15.9%

HSV

182.4, 96.2%, 30.6%

CMYK

96.2%, 3.8%, 0.0%, 69.4%

OKLCH

0.3756 0.0627 199.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#034B4E

#4E0603

Analogous

#034E2C

#03264E

#034B4E

Triadic

#034B4E

#4E034B

#4B4E03

Split Complementary

#034B4E

#4E0326

#4E2C03

Tetradic

#034B4E

#2C034E

#4E0603

#264E03

Color Blindness Simulation

Original

#034B4E

Protanopia

#22234D

Deuteranopia

#1E194D

Tritanopia

#074D4D

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BAFAFC
300
#89F6FA
400
#49F1F8
500
#09ECF6
600
#08BDC4
700
#06979D
800
#05767B
900
#085659
950
#053638

Contrast Checker

Text on white

9.9:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026