#67506B

#67506B

Color Values

HEX

#67506B

RGB

103, 80, 107

HSL

291.1, 14.4%, 36.7%

HSV

291.1, 25.2%, 42.0%

CMYK

3.7%, 25.2%, 0.0%, 58.0%

OKLCH

0.465 0.0515 321.4

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#67506B

#546B50

Analogous

#5A506B

#6B5062

#67506B

Triadic

#67506B

#6B6750

#506B67

Split Complementary

#67506B

#626B50

#506B5A

Tetradic

#67506B

#6B5A50

#546B50

#50626B

Color Blindness Simulation

Original

#67506B

Protanopia

#5D5D64

Deuteranopia

#5E6063

Tritanopia

#665F5E

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#DFD6E0
300
#C8B9CB
400
#AA93AE
500
#8C6D92
600
#705775
700
#5A465D
800
#463749
900
#352A37
950
#211B23

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

2.94:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026