#701BCB

#701BCB

Color Values

HEX

#701BCB

RGB

112, 27, 203

HSL

269.0, 76.5%, 45.1%

HSV

269.0, 86.7%, 79.6%

CMYK

44.8%, 86.7%, 0.0%, 20.4%

OKLCH

0.4713 0.2369 297.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#701BCB

#76CB1B

Analogous

#1B1ECB

#C81BCB

#701BCB

Triadic

#701BCB

#CB701B

#1BCB70

Split Complementary

#701BCB

#CBC81B

#1ECB1B

Tetradic

#701BCB

#CB1B1E

#76CB1B

#1BCBC8

Color Blindness Simulation

Original

#701BCB

Protanopia

#4B4AA0

Deuteranopia

#505696

Tritanopia

#6C7F77

Achromatopsia

#3A3A3A

CSS Usage

background-color: #701BCB;
color: #701BCB;
border-color: #701BCB;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DAC0F7
300
#C093F1
400
#9E58E9
500
#7C1EE1
600
#6318B4
700
#501390
800
#3E0F71
900
#2F0F52
950
#1E0A34

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

2.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