#636AF2

#636AF2

Color Values

HEX

#636AF2

RGB

99, 106, 242

HSL

237.1, 84.6%, 66.9%

HSV

237.1, 59.1%, 94.9%

CMYK

59.1%, 56.2%, 0.0%, 5.1%

OKLCH

0.5932 0.2004 276.2

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#636AF2

#F2EB63

Analogous

#63B1F2

#A463F2

#636AF2

Triadic

#636AF2

#F2636A

#6AF263

Split Complementary

#636AF2

#F2A463

#B1F263

Tetradic

#636AF2

#F263B1

#F2EB63

#63F2A4

Color Blindness Simulation

Original

#636AF2

Protanopia

#6666D1

Deuteranopia

#6665C9

Tritanopia

#63B7B1

Achromatopsia

#727272

CSS Usage

background-color: #636AF2;
color: #636AF2;
border-color: #636AF2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E2FA
200
#BDC0FA
300
#8E93F6
400
#5159F0
500
#141EEB
600
#1018BC
700
#0D1397
800
#0A0F76
900
#0C0F55
950
#070A36

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026