#742CBC

#742CBC

Color Values

HEX

#742CBC

RGB

116, 44, 188

HSL

270.0, 62.1%, 45.5%

HSV

270.0, 76.6%, 73.7%

CMYK

38.3%, 76.6%, 0.0%, 26.3%

OKLCH

0.4765 0.2092 301.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#742CBC

#74BC2C

Analogous

#2C2CBC

#BC2CBC

#742CBC

Triadic

#742CBC

#BC742C

#2CBC74

Split Complementary

#742CBC

#BCBC2C

#2CBC2C

Tetradic

#742CBC

#BC2C2C

#74BC2C

#2CBCBC

Color Blindness Simulation

Original

#742CBC

Protanopia

#555499

Deuteranopia

#595E91

Tritanopia

#707E78

Achromatopsia

#464646

CSS Usage

background-color: #742CBC;
color: #742CBC;
border-color: #742CBC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DBC5F1
300
#C29CE8
400
#A166DB
500
#8030CF
600
#6627A5
700
#521F84
800
#401867
900
#30154C
950
#1F0D30

Contrast Checker

Text on white

7.42:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026