#3064CF

#3064CF

Color Values

HEX

#3064CF

RGB

48, 100, 207

HSL

220,4, 62,4%, 50,0%

HSV

220,4, 76,8%, 81,2%

CMYK

76,8%, 51,7%, 0,0%, 18,8%

OKLCH

0,5294 0,1751 262,5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#3064CF

#CF9B30

Analogous

#30B3CF

#4C30CF

#3064CF

Triadic

#3064CF

#CF3064

#64CF30

Split Complementary

#3064CF

#CF4C30

#B3CF30

Tetradic

#3064CF

#CF30B3

#CF9B30

#30CF4C

Color Blindness Simulation

Original

#3064CF

Protanopia

#4747B5

Deuteranopia

#4440AF

Tritanopia

#33A19C

Achromatopsia

#616161

CSS Usage

background-color: #3064CF;
color: #3064CF;
border-color: #3064CF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F6FB
100
#E4EAF7
200
#C5D4F2
300
#9CB5E8
400
#668CDC
500
#3064CF
600
#2650A6
700
#1F4085
800
#183268
900
#15274C
950
#0D1930

Contrast Checker

Text on white

5,46:1

AA Pass AAA Fail

Text on black

3,85: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