#7138FF

#7138FF

Color Values

HEX

#7138FF

RGB

113, 56, 255

HSL

257.2, 100.0%, 61.0%

HSV

257.2, 78.0%, 100.0%

CMYK

55.7%, 78.0%, 0.0%, 0.0%

OKLCH

0.545 0.2673 286.7

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#7138FF

#C6FF38

Analogous

#3863FF

#D538FF

#7138FF

Triadic

#7138FF

#FF7138

#38FF71

Split Complementary

#7138FF

#FFD538

#63FF38

Tetradic

#7138FF

#FF3863

#C6FF38

#38FFD5

Color Blindness Simulation

Original

#7138FF

Protanopia

#5858CF

Deuteranopia

#5C60C3

Tritanopia

#6EA9A0

Achromatopsia

#525252

CSS Usage

background-color: #7138FF;
color: #7138FF;
border-color: #7138FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CCB8FF
300
#A885FF
400
#7842FF
500
#4900FF
600
#3A00CC
700
#2F00A3
800
#250080
900
#1E055C
950
#13033A

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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