#674665

#674665

Color Values

HEX

#674665

RGB

103, 70, 101

HSL

303.6, 19.1%, 33.9%

HSV

303.6, 32.0%, 40.4%

CMYK

0.0%, 32.0%, 1.9%, 59.6%

OKLCH

0.4424 0.0648 328.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#674665

#466748

Analogous

#584667

#674654

#674665

Triadic

#674665

#656746

#466567

Split Complementary

#674665

#546746

#466758

Tetradic

#674665

#675846

#466748

#465467

Color Blindness Simulation

Original

#674665

Protanopia

#59585E

Deuteranopia

#5B5D5C

Tritanopia

#655856

Achromatopsia

#4F4F4F

CSS Usage

background-color: #674665;
color: #674665;
border-color: #674665;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D4E1
300
#CDB6CC
400
#B38FB1
500
#986795
600
#795377
700
#61425F
800
#4C344A
900
#392838
950
#241923

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026