#625949

#625949

Color Values

HEX

#625949

RGB

98, 89, 73

HSL

38.4, 14.6%, 33.5%

HSV

38.4, 25.5%, 38.4%

CMYK

0.0%, 9.2%, 25.5%, 61.6%

OKLCH

0.4679 0.0274 82.0

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#625949

#495262

Analogous

#624C49

#5E6249

#625949

Triadic

#625949

#496259

#594962

Split Complementary

#625949

#495E62

#4C4962

Tetradic

#625949

#49624C

#495262

#62495E

Color Blindness Simulation

Original

#625949

Protanopia

#5E5E4D

Deuteranopia

#5F5F4E

Tritanopia

#625051

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E1DDD6
300
#CBC4B9
400
#AEA593
500
#92856D
600
#756A57
700
#5E5546
800
#494236
900
#37322A
950
#23201B

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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