#035158

#035158

Color Values

HEX

#035158

RGB

3, 81, 88

HSL

184.9, 93.4%, 17.8%

HSV

184.9, 96.6%, 34.5%

CMYK

96.6%, 8.0%, 0.0%, 65.5%

OKLCH

0.3973 0.0668 205.0

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#035158

#580A03

Analogous

#035834

#032658

#035158

Triadic

#035158

#580351

#515803

Split Complementary

#035158

#580326

#583403

Tetradic

#035158

#340358

#580A03

#265803

Color Blindness Simulation

Original

#035158

Protanopia

#252556

Deuteranopia

#201A56

Tritanopia

#075555

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF9FB
200
#BAF7FD
300
#89F2FB
400
#49EAF9
500
#08E3F7
600
#07B6C5
700
#05919E
800
#04727B
900
#085359
950
#053438

Contrast Checker

Text on white

9.04:1

AA Pass AAA Pass

Text on black

2.32: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