#61583D

#61583D

Color Values

HEX

#61583D

RGB

97, 88, 61

HSL

45.0, 22.8%, 31.0%

HSV

45.0, 37.1%, 38.0%

CMYK

0.0%, 9.3%, 37.1%, 62.0%

OKLCH

0.4617 0.0424 91.8

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#61583D

#3D4661

Analogous

#61463D

#58613D

#61583D

Triadic

#61583D

#3D6158

#583D61

Split Complementary

#61583D

#3D5861

#463D61

Tetradic

#61583D

#3D6146

#3D4661

#613D58

Color Blindness Simulation

Original

#61583D

Protanopia

#5D5D44

Deuteranopia

#5E5E45

Tritanopia

#61494A

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E3DFD3
300
#D0C9B4
400
#B6AB8B
500
#9D8E62
600
#7D724F
700
#645B3F
800
#4E4731
900
#3A3527
950
#252218

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

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