#7069D7

#7069D7

Color Values

HEX

#7069D7

RGB

112, 105, 215

HSL

243.8, 57.9%, 62.7%

HSV

243.8, 51.2%, 84.3%

CMYK

47.9%, 51.2%, 0.0%, 15.7%

OKLCH

0.5819 0.1633 282.9

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#7069D7

#D0D769

Analogous

#6999D7

#A769D7

#7069D7

Triadic

#7069D7

#D77069

#69D770

Split Complementary

#7069D7

#D7A769

#99D769

Tetradic

#7069D7

#D76999

#D0D769

#69D7A7

Color Blindness Simulation

Original

#7069D7

Protanopia

#6D6DBC

Deuteranopia

#6D6EB6

Tritanopia

#70A7A3

Achromatopsia

#727272

CSS Usage

background-color: #7069D7;
color: #7069D7;
border-color: #7069D7;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C9C7F0
300
#A39EE5
400
#716AD7
500
#3F36C9
600
#322BA1
700
#282281
800
#201B65
900
#1A174A
950
#110F2F

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

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