#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

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026