#674763

#674763

Color Values

HEX

#674763

RGB

103, 71, 99

HSL

307.5, 18.4%, 34.1%

HSV

307.5, 31.1%, 40.4%

CMYK

0.0%, 31.1%, 3.9%, 59.6%

OKLCH

0.4434 0.0606 330.9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674763

#47674B

Analogous

#5B4767

#674753

#674763

Triadic

#674763

#636747

#476367

Split Complementary

#674763

#536747

#47675B

Tetradic

#674763

#675B47

#47674B

#475367

Color Blindness Simulation

Original

#674763

Protanopia

#59595C

Deuteranopia

#5B5D5B

Tritanopia

#655756

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5E0
300
#CDB7CA
400
#B28FAE
500
#976891
600
#795374
700
#61435D
800
#4B3449
900
#382836
950
#241A22

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

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