#674758

#674758

Color Values

HEX

#674758

RGB

103, 71, 88

HSL

328.1, 18.4%, 34.1%

HSV

328.1, 31.1%, 40.4%

CMYK

0.0%, 31.1%, 14.6%, 59.6%

OKLCH

0.439 0.0504 346.2

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674758

#476756

Analogous

#664767

#674748

#674758

Triadic

#674758

#586747

#475867

Split Complementary

#674758

#486747

#476766

Tetradic

#674758

#676647

#476756

#474867

Color Blindness Simulation

Original

#674758

Protanopia

#595954

Deuteranopia

#5B5D53

Tritanopia

#655150

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D5DC
300
#CDB7C3
400
#B28FA2
500
#976881
600
#795367
700
#614353
800
#4B3440
900
#382831
950
#241A1F

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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