#063CF9

#063CF9

Color Values

HEX

#063CF9

RGB

6, 60, 249

HSL

226.7, 95.3%, 50.0%

HSV

226.7, 97.6%, 97.6%

CMYK

97.6%, 75.9%, 0.0%, 2.4%

OKLCH

0.4898 0.2768 264.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#063CF9

#F9C306

Analogous

#06B5F9

#4A06F9

#063CF9

Triadic

#063CF9

#F9063C

#3CF906

Split Complementary

#063CF9

#F94A06

#B5F906

Tetradic

#063CF9

#F906B5

#F9C306

#06F94A

Color Blindness Simulation

Original

#063CF9

Protanopia

#1D1ECB

Deuteranopia

#1A16C0

Tritanopia

#09A79F

Achromatopsia

#3E3E3E

CSS Usage

background-color: #063CF9;
color: #063CF9;
border-color: #063CF9;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F4FE
100
#DFE5FC
200
#B9C8FD
300
#87A1FC
400
#476FFB
500
#063CF9
600
#0530C7
700
#04269F
800
#031E7D
900
#07195A
950
#041039

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

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