#69689B

#69689B

Color Values

HEX

#69689B

RGB

105, 104, 155

HSL

241.2, 20.3%, 50.8%

HSV

241.2, 32.9%, 60.8%

CMYK

32.3%, 32.9%, 0.0%, 39.2%

OKLCH

0.5393 0.0791 284.3

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#69689B

#9A9B68

Analogous

#68819B

#83689B

#69689B

Triadic

#69689B

#9B6968

#689B69

Split Complementary

#69689B

#9B8368

#819B68

Tetradic

#69689B

#9B6881

#9A9B68

#689B83

Color Blindness Simulation

Original

#69689B

Protanopia

#69698F

Deuteranopia

#69698C

Tritanopia

#698583

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B6B5CE
400
#8E8DB4
500
#676699
600
#52517B
700
#424162
800
#33334D
900
#282839
950
#191924

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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