#702176

#702176

Color Values

HEX

#702176

RGB

112, 33, 118

HSL

295.8, 56.3%, 29.6%

HSV

295.8, 72.0%, 46.3%

CMYK

5.1%, 72.0%, 0.0%, 53.7%

OKLCH

0.4079 0.1526 324.9

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#702176

#277621

Analogous

#462176

#762151

#702176

Triadic

#702176

#767021

#217670

Split Complementary

#702176

#517621

#217646

Tetradic

#702176

#764621

#277621

#215176

Color Blindness Simulation

Original

#702176

Protanopia

#4E4D61

Deuteranopia

#52585C

Tritanopia

#6C514E

Achromatopsia

#383838

CSS Usage

background-color: #702176;
color: #702176;
border-color: #702176;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#EDC7EF
300
#DF9FE4
400
#CE6CD6
500
#BD38C7
600
#972D9F
700
#792480
800
#5F1C64
900
#461849
950
#2C0F2E

Contrast Checker

Text on white

9.69:1

AA Pass AAA Pass

Text on black

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