#7339B0

#7339B0

Color Values

HEX

#7339B0

RGB

115, 57, 176

HSL

269.2, 51.1%, 45.7%

HSV

269.2, 67.6%, 69.0%

CMYK

34.7%, 67.6%, 0.0%, 31.0%

OKLCH

0.4808 0.1811 302.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7339B0

#76B039

Analogous

#393BB0

#AE39B0

#7339B0

Triadic

#7339B0

#B07339

#39B073

Split Complementary

#7339B0

#B0AE39

#3BB039

Tetradic

#7339B0

#B0393B

#76B039

#39B0AE

Color Blindness Simulation

Original

#7339B0

Protanopia

#5A5993

Deuteranopia

#5D628C

Tritanopia

#707C77

Achromatopsia

#4E4E4E

CSS Usage

background-color: #7339B0;
color: #7339B0;
border-color: #7339B0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DBC9EE
300
#C1A3E1
400
#9F70D1
500
#7E3EC1
600
#65329A
700
#50287B
800
#3F1F60
900
#301A47
950
#1E112D

Contrast Checker

Text on white

7.14:1

AA Pass AAA Pass

Text on black

2.94:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026