#674760

#674760

Color Values

HEX

#674760

RGB

103, 71, 96

HSL

313.1, 18.4%, 34.1%

HSV

313.1, 31.1%, 40.4%

CMYK

0.0%, 31.1%, 6.8%, 59.6%

OKLCH

0.4422 0.0575 334.6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674760

#47674E

Analogous

#5E4767

#674750

#674760

Triadic

#674760

#606747

#476067

Split Complementary

#674760

#506747

#47675E

Tetradic

#674760

#675E47

#47674E

#475067

Color Blindness Simulation

Original

#674760

Protanopia

#59595A

Deuteranopia

#5B5D58

Tritanopia

#655554

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5DF
300
#CDB7C8
400
#B28FAA
500
#97688D
600
#795371
700
#61435A
800
#4B3446
900
#382835
950
#241A21

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

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