#034AA0

#034AA0

Color Values

HEX

#034AA0

RGB

3, 74, 160

HSL

212.9, 96.3%, 32.0%

HSV

212.9, 98.1%, 62.7%

CMYK

98.1%, 53.7%, 0.0%, 37.3%

OKLCH

0.4259 0.1532 257.7

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#034AA0

#A05903

Analogous

#0399A0

#0B03A0

#034AA0

Triadic

#034AA0

#A0034A

#4AA003

Split Complementary

#034AA0

#A00B03

#99A003

Tetradic

#034AA0

#A00399

#A05903

#03A00B

Color Blindness Simulation

Original

#034AA0

Protanopia

#22228B

Deuteranopia

#1E1886

Tritanopia

#077B77

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D8FE
300
#87BCFD
400
#4698FC
500
#0574FA
600
#045DC8
700
#034AA0
800
#023A7D
900
#062C5A
950
#041C39

Contrast Checker

Text on white

8.43:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026