#6734CB

#6734CB

Color Values

HEX

#6734CB

RGB

103, 52, 203

HSL

260.3, 59.2%, 50.0%

HSV

260.3, 74.4%, 79.6%

CMYK

49.3%, 74.4%, 0.0%, 20.4%

OKLCH

0.4836 0.2157 291.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6734CB

#98CB34

Analogous

#344CCB

#B334CB

#6734CB

Triadic

#6734CB

#CB6734

#34CB67

Split Complementary

#6734CB

#CBB334

#4CCB34

Tetradic

#6734CB

#CB344C

#98CB34

#34CBB3

Color Blindness Simulation

Original

#6734CB

Protanopia

#5150A7

Deuteranopia

#54589E

Tritanopia

#648A83

Achromatopsia

#4A4A4A

CSS Usage

background-color: #6734CB;
color: #6734CB;
border-color: #6734CB;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F4FB
100
#EAE4F6
200
#D4C6F0
300
#B69EE6
400
#8F69D9
500
#6734CB
600
#522AA2
700
#422182
800
#341A65
900
#28174A
950
#190E2F

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

2.93:1

AA Fail 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