#674952

#674952

Color Values

HEX

#674952

RGB

103, 73, 82

HSL

342.0, 17.0%, 34.5%

HSV

342.0, 29.1%, 40.4%

CMYK

0.0%, 29.1%, 20.4%, 59.6%

OKLCH

0.441 0.0429 359.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674952

#49675E

Analogous

#674961

#674F49

#674952

Triadic

#674952

#526749

#495267

Split Complementary

#674952

#49674F

#496167

Tetradic

#674952

#616749

#49675E

#4F4967

Color Blindness Simulation

Original

#674952

Protanopia

#5A5A50

Deuteranopia

#5C5E4F

Tritanopia

#664E4E

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E1D5D9
300
#CCB7BE
400
#B1919A
500
#956A77
600
#77555F
700
#5F444C
800
#4B353B
900
#38292D
950
#231A1D

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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