#714B89

#714B89

Color Values

HEX

#714B89

RGB

113, 75, 137

HSL

276.8, 29.2%, 41.6%

HSV

276.8, 45.3%, 53.7%

CMYK

17.5%, 45.3%, 0.0%, 46.3%

OKLCH

0.481 0.105 311.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#714B89

#63894B

Analogous

#524B89

#894B82

#714B89

Triadic

#714B89

#89714B

#4B8971

Split Complementary

#714B89

#82894B

#4B8952

Tetradic

#714B89

#89524B

#63894B

#4B8289

Color Blindness Simulation

Original

#714B89

Protanopia

#61607A

Deuteranopia

#636676

Tritanopia

#6F6E6C

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DED1E6
300
#C6B0D4
400
#A785BC
500
#885AA5
600
#6D4884
700
#573A69
800
#442D52
900
#33243D
950
#201727

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026