#7069BE

#7069BE

Color Values

HEX

#7069BE

RGB

112, 105, 190

HSL

244.9, 39.5%, 57.8%

HSV

244.9, 44.7%, 74.5%

CMYK

41.1%, 44.7%, 0.0%, 25.5%

OKLCH

0.5663 0.1285 285.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#7069BE

#B7BE69

Analogous

#698CBE

#9A69BE

#7069BE

Triadic

#7069BE

#BE7069

#69BE70

Split Complementary

#7069BE

#BE9A69

#8CBE69

Tetradic

#7069BE

#BE698C

#B7BE69

#69BE9A

Color Blindness Simulation

Original

#7069BE

Protanopia

#6D6DA9

Deuteranopia

#6D6EA4

Tritanopia

#709996

Achromatopsia

#717171

CSS Usage

background-color: #7069BE;
color: #7069BE;
border-color: #7069BE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CDE9
300
#AEAADA
400
#817BC6
500
#554DB2
600
#443E8E
700
#373172
800
#2B2759
900
#221F42
950
#151429

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail 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