#706699

#706699

Color Values

HEX

#706699

RGB

112, 102, 153

HSL

251.8, 20.0%, 50.0%

HSV

251.8, 33.3%, 60.0%

CMYK

26.8%, 33.3%, 0.0%, 40.0%

OKLCH

0.5403 0.0792 292.5

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#706699

#8F9966

Analogous

#667599

#8A6699

#706699

Triadic

#706699

#997066

#669970

Split Complementary

#706699

#998A66

#759966

Tetradic

#706699

#996675

#8F9966

#66998A

Color Blindness Simulation

Original

#706699

Protanopia

#6C6C8D

Deuteranopia

#6C6D8A

Tritanopia

#6F8381

Achromatopsia

#6C6C6C

CSS Usage

background-color: #706699;
color: #706699;
border-color: #706699;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F9
100
#EBEAF0
200
#D7D4E2
300
#BAB6CE
400
#958EB4
500
#706699
600
#5A527A
700
#484162
800
#38334D
900
#2B2839
950
#1B1924

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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