#714CAA

#714CAA

Color Values

HEX

#714CAA

RGB

113, 76, 170

HSL

263.6, 38.2%, 48.2%

HSV

263.6, 55.3%, 66.7%

CMYK

33.5%, 55.3%, 0.0%, 33.3%

OKLCH

0.5025 0.1459 299.3

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#714CAA

#85AA4C

Analogous

#4C56AA

#A04CAA

#714CAA

Triadic

#714CAA

#AA714C

#4CAA71

Split Complementary

#714CAA

#AAA04C

#56AA4C

Tetradic

#714CAA

#AA4C56

#85AA4C

#4CAAA0

Color Blindness Simulation

Original

#714CAA

Protanopia

#616193

Deuteranopia

#63668E

Tritanopia

#6F817D

Achromatopsia

#5B5B5B

CSS Usage

background-color: #714CAA;
color: #714CAA;
border-color: #714CAA;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D8CEE9
300
#BDAAD9
400
#997DC5
500
#754FB0
600
#5E3F8D
700
#4B3271
800
#3B2758
900
#2D2041
950
#1C1429

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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