#0746C5

#0746C5

Color Values

HEX

#0746C5

RGB

7, 70, 197

HSL

220.1, 93.1%, 40.0%

HSV

220.1, 96.4%, 77.3%

CMYK

96.4%, 64.5%, 0.0%, 22.7%

OKLCH

0.4515 0.2058 262.4

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#0746C5

#C58607

Analogous

#07A5C5

#2707C5

#0746C5

Triadic

#0746C5

#C50746

#46C507

Split Complementary

#0746C5

#C52707

#A5C507

Tetradic

#0746C5

#C507A5

#C58607

#07C527

Color Blindness Simulation

Original

#0746C5

Protanopia

#2223A6

Deuteranopia

#1F1A9F

Tritanopia

#0A8E89

Achromatopsia

#424242

CSS Usage

background-color: #0746C5;
color: #0746C5;
border-color: #0746C5;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BAD0FD
300
#89AFFB
400
#4983F8
500
#0958F6
600
#0746C5
700
#06389E
800
#042C7B
900
#082359
950
#051638

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

2.69:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026