#7063D0

#7063D0

Color Values

HEX

#7063D0

RGB

112, 99, 208

HSL

247.2, 53.7%, 60.2%

HSV

247.2, 52.4%, 81.6%

CMYK

46.2%, 52.4%, 0.0%, 18.4%

OKLCH

0.5664 0.1622 285.4

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#7063D0

#C3D063

Analogous

#638CD0

#A763D0

#7063D0

Triadic

#7063D0

#D07063

#63D070

Split Complementary

#7063D0

#D0A763

#8CD063

Tetradic

#7063D0

#D0638C

#C3D063

#63D0A7

Color Blindness Simulation

Original

#7063D0

Protanopia

#6A6AB6

Deuteranopia

#6B6CAF

Tritanopia

#6FA19C

Achromatopsia

#6E6E6E

CSS Usage

background-color: #7063D0;
color: #7063D0;
border-color: #7063D0;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC8EE
300
#A9A1E3
400
#7A6ED3
500
#4B3BC4
600
#3C2F9D
700
#30267D
800
#261E62
900
#1F1948
950
#13102D

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026