#675588

#675588

Color Values

HEX

#675588

RGB

103, 85, 136

HSL

261.2, 23.1%, 43.3%

HSV

261.2, 37.5%, 53.3%

CMYK

24.3%, 37.5%, 0.0%, 46.7%

OKLCH

0.4888 0.0822 299.6

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#675588

#768855

Analogous

#555C88

#805588

#675588

Triadic

#675588

#886755

#558867

Split Complementary

#675588

#888055

#5C8855

Tetradic

#675588

#88555C

#768855

#558880

Color Blindness Simulation

Original

#675588

Protanopia

#5F5F7C

Deuteranopia

#606279

Tritanopia

#667270

Achromatopsia

#5D5D5D

CSS Usage

background-color: #675588;
color: #675588;
border-color: #675588;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D9D3E4
300
#BEB4D0
400
#9A8BB6
500
#77629D
600
#5F4E7E
700
#4C3F64
800
#3B314E
900
#2D263B
950
#1D1825

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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