#7338AF

#7338AF

Color Values

HEX

#7338AF

RGB

115, 56, 175

HSL

269.7, 51.5%, 45.3%

HSV

269.7, 68.0%, 68.6%

CMYK

34.3%, 68.0%, 0.0%, 31.4%

OKLCH

0.4787 0.1812 302.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7338AF

#74AF38

Analogous

#3839AF

#AE38AF

#7338AF

Triadic

#7338AF

#AF7338

#38AF73

Split Complementary

#7338AF

#AFAE38

#39AF38

Tetradic

#7338AF

#AF3839

#74AF38

#38AFAE

Color Blindness Simulation

Original

#7338AF

Protanopia

#595992

Deuteranopia

#5D618B

Tritanopia

#707B76

Achromatopsia

#4D4D4D

CSS Usage

background-color: #7338AF;
color: #7338AF;
border-color: #7338AF;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DBC9EE
300
#C1A2E1
400
#A070D1
500
#7F3EC1
600
#65319B
700
#51287C
800
#3F1F61
900
#301A47
950
#1E102D

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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