#746EBA

#746EBA

Color Values

HEX

#746EBA

RGB

116, 110, 186

HSL

244.7, 35.5%, 58.0%

HSV

244.7, 40.9%, 72.9%

CMYK

37.6%, 40.9%, 0.0%, 27.1%

OKLCH

0.577 0.115 285.8

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#746EBA

#B4BA6E

Analogous

#6E8EBA

#9A6EBA

#746EBA

Triadic

#746EBA

#BA746E

#6EBA74

Split Complementary

#746EBA

#BA9A6E

#8EBA6E

Tetradic

#746EBA

#BA6E8E

#B4BA6E

#6EBA9A

Color Blindness Simulation

Original

#746EBA

Protanopia

#7171A8

Deuteranopia

#7272A3

Tritanopia

#749996

Achromatopsia

#757575

CSS Usage

background-color: #746EBA;
color: #746EBA;
border-color: #746EBA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D1CFE8
300
#AFACD8
400
#847FC2
500
#5952AD
600
#47428A
700
#39356F
800
#2D2956
900
#232140
950
#161528

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

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