#7068D3

#7068D3

Color Values

HEX

#7068D3

RGB

112, 104, 211

HSL

244.5, 54.9%, 61.8%

HSV

244.5, 50.7%, 82.7%

CMYK

46.9%, 50.7%, 0.0%, 17.3%

OKLCH

0.5774 0.1593 283.6

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#7068D3

#CBD368

Analogous

#6896D3

#A668D3

#7068D3

Triadic

#7068D3

#D37068

#68D370

Split Complementary

#7068D3

#D3A668

#96D368

Tetradic

#7068D3

#D36896

#CBD368

#68D3A6

Color Blindness Simulation

Original

#7068D3

Protanopia

#6D6CB9

Deuteranopia

#6D6EB3

Tritanopia

#70A5A0

Achromatopsia

#717171

CSS Usage

background-color: #7068D3;
color: #7068D3;
border-color: #7068D3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CBC8EF
300
#A5A0E3
400
#756DD4
500
#443AC5
600
#362E9E
700
#2C257E
800
#221D63
900
#1C1948
950
#120F2E

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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