#7064F7

#7064F7

Color Values

HEX

#7064F7

RGB

112, 100, 247

HSL

244.9, 90.2%, 68.0%

HSV

244.9, 59.5%, 96.9%

CMYK

54.7%, 59.5%, 0.0%, 3.1%

OKLCH

0.5958 0.2118 281.5

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7064F7

#EBF764

Analogous

#64A1F7

#B964F7

#7064F7

Triadic

#7064F7

#F77064

#64F770

Split Complementary

#7064F7

#F7B964

#A1F764

Tetradic

#7064F7

#F764A1

#EBF764

#64F7B9

Color Blindness Simulation

Original

#7064F7

Protanopia

#6B6BD3

Deuteranopia

#6C6CCB

Tritanopia

#6FB7B1

Achromatopsia

#717171

CSS Usage

background-color: #7064F7;
color: #7064F7;
border-color: #7064F7;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F1FD
100
#E2DFFB
200
#C0BBFC
300
#948BF9
400
#594CF6
500
#1F0CF3
600
#190AC2
700
#14089B
800
#100679
900
#100958
950
#0A0637

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.85:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026