#063AF9

#063AF9

Color Values

HEX

#063AF9

RGB

6, 58, 249

HSL

227.2, 95.3%, 50.0%

HSV

227.2, 97.6%, 97.6%

CMYK

97.6%, 76.7%, 0.0%, 2.4%

OKLCH

0.4872 0.2785 264.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#063AF9

#F9C506

Analogous

#06B3F9

#4C06F9

#063AF9

Triadic

#063AF9

#F9063A

#3AF906

Split Complementary

#063AF9

#F94C06

#B3F906

Tetradic

#063AF9

#F906B3

#F9C506

#06F94C

Color Blindness Simulation

Original

#063AF9

Protanopia

#1D1DCB

Deuteranopia

#1A16C0

Tritanopia

#09A69E

Achromatopsia

#3D3D3D

CSS Usage

background-color: #063AF9;
color: #063AF9;
border-color: #063AF9;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F4FE
100
#DFE5FC
200
#B9C8FD
300
#87A0FC
400
#476DFB
500
#063AF9
600
#052EC7
700
#04259F
800
#031D7D
900
#07195A
950
#041039

Contrast Checker

Text on white

7.04:1

AA Pass AAA Pass

Text on black

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