#034858

#034858

Color Values

HEX

#034858

RGB

3, 72, 88

HSL

191.3, 93.4%, 17.8%

HSV

191.3, 96.6%, 34.5%

CMYK

96.6%, 18.2%, 0.0%, 65.5%

OKLCH

0.3717 0.0661 219.5

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#034858

#581303

Analogous

#03583D

#031D58

#034858

Triadic

#034858

#580348

#485803

Split Complementary

#034858

#58031D

#583D03

Tetradic

#034858

#3D0358

#581303

#1D5803

Color Blindness Simulation

Original

#034858

Protanopia

#212154

Deuteranopia

#1D1853

Tritanopia

#065150

Achromatopsia

#3A3A3A

CSS Usage

background-color: #034858;
color: #034858;
border-color: #034858;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BAF0FD
300
#89E5FB
400
#49D8F9
500
#08CAF7
600
#07A1C5
700
#05819E
800
#04657B
900
#084A59
950
#052F38

Contrast Checker

Text on white

10.14:1

AA Pass AAA Pass

Text on black

2.07:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026