#6384DF

#6384DF

Color Values

HEX

#6384DF

RGB

99, 132, 223

HSL

224,0, 66,0%, 63,1%

HSV

224,0, 55,6%, 87,5%

CMYK

55,6%, 40,8%, 0,0%, 12,5%

OKLCH

0,6307 0,1422 267,3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6384DF

#DFBE63

Analogous

#63C2DF

#8063DF

#6384DF

Triadic

#6384DF

#DF6384

#84DF63

Split Complementary

#6384DF

#DF8063

#C2DF63

Tetradic

#6384DF

#DF63C2

#DFBE63

#63DF80

Color Blindness Simulation

Original

#6384DF

Protanopia

#7172C9

Deuteranopia

#6F6DC4

Tritanopia

#65B8B4

Achromatopsia

#848484

CSS Usage

background-color: #6384DF;
color: #6384DF;
border-color: #6384DF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C4D0F3
300
#99AFEA
400
#6284DF
500
#2B58D4
600
#2347A9
700
#1C3887
800
#162C6A
900
#14234D
950
#0C1631

Contrast Checker

Text on white

3,56:1

AA Fail AAA Fail

Text on black

5,9: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