#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

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