#034149

#034149

Color Values

HEX

#034149

RGB

3, 65, 73

HSL

186.9, 92.1%, 14.9%

HSV

186.9, 95.9%, 28.6%

CMYK

95.9%, 11.0%, 0.0%, 71.4%

OKLCH

0.3441 0.0579 208.9

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#034149

#490B03

Analogous

#03492E

#031E49

#034149

Triadic

#034149

#490341

#414903

Split Complementary

#034149

#49031E

#492E03

Tetradic

#034149

#2E0349

#490B03

#1E4903

Color Blindness Simulation

Original

#034149

Protanopia

#1E1E47

Deuteranopia

#1A1647

Tritanopia

#064645

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF5FC
300
#89EDFA
400
#4AE4F8
500
#0ADAF5
600
#08AEC4
700
#068B9D
800
#056D7A
900
#084F59
950
#053238

Contrast Checker

Text on white

11.31:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026