#712FD0

#712FD0

Color Values

HEX

#712FD0

RGB

113, 47, 208

HSL

264.6, 63.1%, 50.0%

HSV

264.6, 77.4%, 81.6%

CMYK

45.7%, 77.4%, 0.0%, 18.4%

OKLCH

0.4932 0.2263 295.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#712FD0

#8ED02F

Analogous

#2F3ED0

#C12FD0

#712FD0

Triadic

#712FD0

#D0712F

#2FD071

Split Complementary

#712FD0

#D0C12F

#3ED02F

Tetradic

#712FD0

#D02F3E

#8ED02F

#2FD0C1

Color Blindness Simulation

Original

#712FD0

Protanopia

#5454A9

Deuteranopia

#585DA0

Tritanopia

#6E8A84

Achromatopsia

#494949

CSS Usage

background-color: #712FD0;
color: #712FD0;
border-color: #712FD0;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FB
100
#EBE4F7
200
#D7C5F2
300
#BB9BE8
400
#9665DC
500
#712FD0
600
#5A26A6
700
#481E85
800
#391868
900
#2B154C
950
#1B0D30

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026