#034EC9

#034EC9

Color Values

HEX

#034EC9

RGB

3, 78, 201

HSL

217.3, 97.1%, 40.0%

HSV

217.3, 98.5%, 78.8%

CMYK

98.5%, 61.2%, 0.0%, 21.2%

OKLCH

0.47 0.2018 261.2

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#034EC9

#C97E03

Analogous

#03B1C9

#1B03C9

#034EC9

Triadic

#034EC9

#C9034E

#4EC903

Split Complementary

#034EC9

#C91B03

#B1C903

Tetradic

#034EC9

#C903B1

#C97E03

#03C91B

Color Blindness Simulation

Original

#034EC9

Protanopia

#2324AB

Deuteranopia

#1F1AA4

Tritanopia

#07948F

Achromatopsia

#474747

CSS Usage

background-color: #034EC9;
color: #034EC9;
border-color: #034EC9;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B9D3FE
300
#86B3FD
400
#458AFC
500
#0461FB
600
#034EC9
700
#023EA1
800
#02317E
900
#06265B
950
#041839

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

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