#7066BC

#7066BC

Color Values

HEX

#7066BC

RGB

112, 102, 188

HSL

247.0, 39.1%, 56.9%

HSV

247.0, 45.7%, 73.7%

CMYK

40.4%, 45.7%, 0.0%, 26.3%

OKLCH

0.5593 0.1301 286.7

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#7066BC

#B2BC66

Analogous

#6687BC

#9B66BC

#7066BC

Triadic

#7066BC

#BC7066

#66BC70

Split Complementary

#7066BC

#BC9B66

#87BC66

Tetradic

#7066BC

#BC6687

#B2BC66

#66BC9B

Color Blindness Simulation

Original

#7066BC

Protanopia

#6C6CA7

Deuteranopia

#6C6DA2

Tritanopia

#6F9793

Achromatopsia

#6E6E6E

CSS Usage

background-color: #7066BC;
color: #7066BC;
border-color: #7066BC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CDE9
300
#AFAADA
400
#847CC6
500
#594EB1
600
#473E8E
700
#393272
800
#2D2759
900
#231F41
950
#161429

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026