#6366E6

#6366E6

Color Values

HEX

#6366E6

RGB

99, 102, 230

HSL

238.6, 72.4%, 64.5%

HSV

238.6, 57.0%, 90.2%

CMYK

57.0%, 55.7%, 0.0%, 9.8%

OKLCH

0.5773 0.1897 277.6

Properties

Cool Dark Nearest: mediumslateblue

Color Harmonies

Complementary

#6366E6

#E6E363

Analogous

#63A8E6

#A163E6

#6366E6

Triadic

#6366E6

#E66366

#66E663

Split Complementary

#6366E6

#E6A163

#A8E663

Tetradic

#6366E6

#E663A8

#E6E363

#63E6A1

Color Blindness Simulation

Original

#6366E6

Protanopia

#6464C7

Deuteranopia

#6464C0

Tritanopia

#63AFA9

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C1C3F5
300
#9598EE
400
#5C60E5
500
#2327DC
600
#1C20B0
700
#17198D
800
#12146E
900
#111250
950
#0B0C33

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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