#674576

#674576

Color Values

HEX

#674576

RGB

103, 69, 118

HSL

281.6, 26.2%, 36.7%

HSV

281.6, 41.5%, 46.3%

CMYK

12.7%, 41.5%, 0.0%, 53.7%

OKLCH

0.4486 0.0873 315.0

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#674576

#547645

Analogous

#4F4576

#76456D

#674576

Triadic

#674576

#766745

#457667

Split Complementary

#674576

#6D7645

#45764F

Tetradic

#674576

#764F45

#547645

#456D76

Color Blindness Simulation

Original

#674576

Protanopia

#58586A

Deuteranopia

#5A5D67

Tritanopia

#65615F

Achromatopsia

#505050

CSS Usage

background-color: #674576;
color: #674576;
border-color: #674576;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD2E5
300
#C8B2D2
400
#AA88B9
500
#8C5EA1
600
#704B81
700
#5A3C67
800
#462F50
900
#35253C
950
#211726

Contrast Checker

Text on white

7.81:1

AA Pass AAA Pass

Text on black

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