#034EA0

#034EA0

Color Values

HEX

#034EA0

RGB

3, 78, 160

HSL

211.3, 96.3%, 32.0%

HSV

211.3, 98.1%, 62.7%

CMYK

98.1%, 51.2%, 0.0%, 37.3%

OKLCH

0.4349 0.1482 256.4

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#034EA0

#A05503

Analogous

#039DA0

#0603A0

#034EA0

Triadic

#034EA0

#A0034E

#4EA003

Split Complementary

#034EA0

#A00603

#9DA003

Tetradic

#034EA0

#A0039D

#A05503

#03A006

Color Blindness Simulation

Original

#034EA0

Protanopia

#23248C

Deuteranopia

#1F1A87

Tritanopia

#077C79

Achromatopsia

#444444

CSS Usage

background-color: #034EA0;
color: #034EA0;
border-color: #034EA0;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DAFE
300
#87BFFD
400
#469DFC
500
#057AFA
600
#0462C8
700
#034EA0
800
#023D7D
900
#062F5A
950
#041D39

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026