#6C72C2

#6C72C2

Color Values

HEX

#6C72C2

RGB

108, 114, 194

HSL

235.8, 41.3%, 59.2%

HSV

235.8, 44.3%, 76.1%

CMYK

44.3%, 41.2%, 0.0%, 23.9%

OKLCH

0.5832 0.1219 278.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6C72C2

#C2BC6C

Analogous

#6C9DC2

#916CC2

#6C72C2

Triadic

#6C72C2

#C26C72

#72C26C

Split Complementary

#6C72C2

#C2916C

#9DC26C

Tetradic

#6C72C2

#C26C9D

#C2BC6C

#6CC291

Color Blindness Simulation

Original

#6C72C2

Protanopia

#6F6FAF

Deuteranopia

#6E6EAA

Tritanopia

#6C9F9C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFEA
300
#A9ACDB
400
#7A7FC8
500
#4B52B4
600
#3C4290
700
#303573
800
#25295A
900
#1E2142
950
#13152A

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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