#736AC6

#736AC6

Color Values

HEX

#736AC6

RGB

115, 106, 198

HSL

245.9, 44.7%, 59.6%

HSV

245.9, 46.5%, 77.6%

CMYK

41.9%, 46.5%, 0.0%, 22.4%

OKLCH

0.5754 0.1381 285.7

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#736AC6

#BDC66A

Analogous

#6A8FC6

#A16AC6

#736AC6

Triadic

#736AC6

#C6736A

#6AC673

Split Complementary

#736AC6

#C6A16A

#8FC66A

Tetradic

#736AC6

#C66A8F

#BDC66A

#6AC6A1

Color Blindness Simulation

Original

#736AC6

Protanopia

#6F6FB0

Deuteranopia

#7070AA

Tritanopia

#739E9A

Achromatopsia

#737373

CSS Usage

background-color: #736AC6;
color: #736AC6;
border-color: #736AC6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECBEB
300
#ACA6DD
400
#7F76CB
500
#5247B8
600
#413894
700
#342D76
800
#29235C
900
#211D44
950
#15122B

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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