#0636C6

#0636C6

Color Values

HEX

#0636C6

RGB

6, 54, 198

HSL

225.0, 94.1%, 40.0%

HSV

225.0, 97.0%, 77.6%

CMYK

97.0%, 72.7%, 0.0%, 22.4%

OKLCH

0.4249 0.2246 264.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#0636C6

#C69606

Analogous

#0696C6

#3606C6

#0636C6

Triadic

#0636C6

#C60636

#36C606

Split Complementary

#0636C6

#C63606

#96C606

Tetradic

#0636C6

#C60696

#C69606

#06C636

Color Blindness Simulation

Original

#0636C6

Protanopia

#1B1BA3

Deuteranopia

#18149B

Tritanopia

#088882

Achromatopsia

#363636

CSS Usage

background-color: #0636C6;
color: #0636C6;
border-color: #0636C6;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FD
100
#DFE6FB
200
#BACBFD
300
#88A5FB
400
#4874F9
500
#0844F7
600
#0636C6
700
#052B9E
800
#04227C
900
#071C59
950
#051239

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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