#7072FF

#7072FF

Color Values

HEX

#7072FF

RGB

112, 114, 255

HSL

239.2, 100.0%, 72.0%

HSV

239.2, 56.1%, 100.0%

CMYK

56.1%, 55.3%, 0.0%, 0.0%

OKLCH

0.6253 0.2046 278.1

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7072FF

#FFFD70

Analogous

#70BAFF

#B670FF

#7072FF

Triadic

#7072FF

#FF7072

#72FF70

Split Complementary

#7072FF

#FFB670

#BAFF70

Tetradic

#7072FF

#FF70BA

#FFFD70

#70FFB6

Color Blindness Simulation

Original

#7072FF

Protanopia

#7171DD

Deuteranopia

#7171D5

Tritanopia

#70C2BC

Achromatopsia

#7C7C7C

CSS Usage

background-color: #7072FF;
color: #7072FF;
border-color: #7072FF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B9FF
300
#8586FF
400
#4245FF
500
#0003FF
600
#0003CC
700
#0002A3
800
#000280
900
#05065C
950
#03043A

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass 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