#063DF9

#063DF9

Color Values

HEX

#063DF9

RGB

6, 61, 249

HSL

226.4, 95.3%, 50.0%

HSV

226.4, 97.6%, 97.6%

CMYK

97.6%, 75.5%, 0.0%, 2.4%

OKLCH

0.4911 0.2759 264.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#063DF9

#F9C206

Analogous

#06B7F9

#4806F9

#063DF9

Triadic

#063DF9

#F9063D

#3DF906

Split Complementary

#063DF9

#F94806

#B7F906

Tetradic

#063DF9

#F906B7

#F9C206

#06F948

Color Blindness Simulation

Original

#063DF9

Protanopia

#1E1ECC

Deuteranopia

#1B16C1

Tritanopia

#09A8A0

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DFE5FC
200
#B9C9FD
300
#87A2FC
400
#476FFB
500
#063DF9
600
#0531C7
700
#04279F
800
#031F7D
900
#071A5A
950
#041039

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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