#674653

#674653

Color Values

HEX

#674653

RGB

103, 70, 83

HSL

336.4, 19.1%, 33.9%

HSV

336.4, 32.0%, 40.4%

CMYK

0.0%, 32.0%, 19.4%, 59.6%

OKLCH

0.4352 0.049 354.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#674653

#46675A

Analogous

#674663

#674946

#674653

Triadic

#674653

#536746

#465367

Split Complementary

#674653

#466749

#466367

Tetradic

#674653

#636746

#46675A

#494667

Color Blindness Simulation

Original

#674653

Protanopia

#595850

Deuteranopia

#5B5D4F

Tritanopia

#654D4D

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D4DA
300
#CDB6BF
400
#B38F9D
500
#98677A
600
#795362
700
#61424E
800
#4C343D
900
#39282F
950
#24191D

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

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