#063EC6

#063EC6

Color Values

HEX

#063EC6

RGB

6, 62, 198

HSL

222.5, 94.1%, 40.0%

HSV

222.5, 97.0%, 77.6%

CMYK

97.0%, 68.7%, 0.0%, 22.4%

OKLCH

0.438 0.2162 263.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#063EC6

#C68E06

Analogous

#069EC6

#2E06C6

#063EC6

Triadic

#063EC6

#C6063E

#3EC606

Split Complementary

#063EC6

#C62E06

#9EC606

Tetradic

#063EC6

#C6069E

#C68E06

#06C62E

Color Blindness Simulation

Original

#063EC6

Protanopia

#1E1FA5

Deuteranopia

#1B179D

Tritanopia

#098B85

Achromatopsia

#3C3C3C

CSS Usage

background-color: #063EC6;
color: #063EC6;
border-color: #063EC6;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACDFD
300
#88AAFB
400
#487CF9
500
#084EF7
600
#063EC6
700
#05329E
800
#04277C
900
#071F59
950
#051439

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

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