#674657

#674657

Color Values

HEX

#674657

RGB

103, 70, 87

HSL

329.1, 19.1%, 33.9%

HSV

329.1, 32.0%, 40.4%

CMYK

0.0%, 32.0%, 15.5%, 59.6%

OKLCH

0.4367 0.0516 347.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674657

#466756

Analogous

#664667

#674646

#674657

Triadic

#674657

#576746

#465767

Split Complementary

#674657

#466746

#466766

Tetradic

#674657

#676646

#466756

#464667

Color Blindness Simulation

Original

#674657

Protanopia

#595853

Deuteranopia

#5B5D52

Tritanopia

#65504F

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D4DC
300
#CDB6C2
400
#B38FA1
500
#986780
600
#795367
700
#614252
800
#4C3440
900
#392831
950
#24191F

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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