#69588F

#69588F

Color Values

HEX

#69588F

RGB

105, 88, 143

HSL

258.5, 23.8%, 45.3%

HSV

258.5, 38.5%, 56.1%

CMYK

26.6%, 38.5%, 0.0%, 43.9%

OKLCH

0.5004 0.0875 297.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#69588F

#7E8F58

Analogous

#58638F

#84588F

#69588F

Triadic

#69588F

#8F6958

#588F69

Split Complementary

#69588F

#8F8458

#638F58

Tetradic

#69588F

#8F5863

#7E8F58

#588F84

Color Blindness Simulation

Original

#69588F

Protanopia

#626182

Deuteranopia

#63647E

Tritanopia

#687775

Achromatopsia

#606060

CSS Usage

background-color: #69588F;
color: #69588F;
border-color: #69588F;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D8D3E4
300
#BCB3D0
400
#988AB7
500
#74619E
600
#5D4E7E
700
#4A3E65
800
#3A314F
900
#2C263B
950
#1C1825

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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