#6C7CD6

#6C7CD6

Color Values

HEX

#6C7CD6

RGB

108, 124, 214

HSL

230.9, 56.4%, 63.1%

HSV

230.9, 49.5%, 83.9%

CMYK

49.5%, 42.1%, 0.0%, 16.1%

OKLCH

0.6148 0.1369 274.1

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6C7CD6

#D6C66C

Analogous

#6CB1D6

#916CD6

#6C7CD6

Triadic

#6C7CD6

#D66C7C

#7CD66C

Split Complementary

#6C7CD6

#D6916C

#B1D66C

Tetradic

#6C7CD6

#D66CB1

#D6C66C

#6CD691

Color Blindness Simulation

Original

#6C7CD6

Protanopia

#7373C0

Deuteranopia

#7271BB

Tritanopia

#6DAFAB

Achromatopsia

#7F7F7F

CSS Usage

background-color: #6C7CD6;
color: #6C7CD6;
border-color: #6C7CD6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F5FB
100
#E5E7F6
200
#C7CDEF
300
#9FAAE4
400
#6B7CD6
500
#384DC7
600
#2C3EA0
700
#243280
800
#1C2764
900
#181F49
950
#0F142E

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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