#700ADD

#700ADD

Color Values

HEX

#700ADD

RGB

112, 10, 221

HSL

269.0, 91.3%, 45.3%

HSV

269.0, 95.5%, 86.7%

CMYK

49.3%, 95.5%, 0.0%, 13.3%

OKLCH

0.4812 0.2605 294.4

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#700ADD

#77DD0A

Analogous

#0A0EDD

#D90ADD

#700ADD

Triadic

#700ADD

#DD700A

#0ADD70

Split Complementary

#700ADD

#DDD90A

#0EDD0A

Tetradic

#700ADD

#DD0A0E

#77DD0A

#0ADDD9

Color Blindness Simulation

Original

#700ADD

Protanopia

#4443AA

Deuteranopia

#4A519E

Tritanopia

#6B8279

Achromatopsia

#2F2F2F

CSS Usage

background-color: #700ADD;
color: #700ADD;
border-color: #700ADD;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DABBFC
300
#C08AFA
400
#9E4BF7
500
#7C0BF4
600
#6309C3
700
#4F079C
800
#3E067A
900
#2F0958
950
#1E0538

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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