#624348

#624348

Color Values

HEX

#624348

RGB

98, 67, 72

HSL

350.3, 18.8%, 32.4%

HSV

350.3, 31.6%, 38.4%

CMYK

0.0%, 31.6%, 26.5%, 61.6%

OKLCH

0.4191 0.0435 8.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#624348

#43625D

Analogous

#624358

#624E43

#624348

Triadic

#624348

#486243

#434862

Split Complementary

#624348

#43624E

#435862

Tetradic

#624348

#586243

#43625D

#4E4362

Color Blindness Simulation

Original

#624348

Protanopia

#555447

Deuteranopia

#565946

Tritanopia

#604646

Achromatopsia

#4A4A4A

CSS Usage

background-color: #624348;
color: #624348;
border-color: #624348;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F6F7
100
#F0EAEB
200
#E2D5D7
300
#CDB6BA
400
#B28F95
500
#97686F
600
#795359
700
#614247
800
#4C3438
900
#39282B
950
#24191B

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

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