#B68561

#B68561

Color Values

HEX

#B68561

RGB

182, 133, 97

HSL

25.4, 36.8%, 54.7%

HSV

25.4, 46.7%, 71.4%

CMYK

0.0%, 26.9%, 46.7%, 28.6%

OKLCH

0.6563 0.0784 57.2

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#B68561

#6192B6

Analogous

#B66167

#B6AF61

#B68561

Triadic

#B68561

#61B685

#8561B6

Split Complementary

#B68561

#61B6AF

#6167B6

Tetradic

#B68561

#67B661

#6192B6

#AF61B6

Color Blindness Simulation

Original

#B68561

Protanopia

#A1A06A

Deuteranopia

#A4A76C

Tritanopia

#B47172

Achromatopsia

#8D8D8D

CSS Usage

background-color: #B68561;
color: #B68561;
border-color: #B68561;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8D9CE
300
#D8BEAB
400
#C39B7E
500
#AE7851
600
#8C6040
700
#704D34
800
#573C28
900
#402E20
950
#291D14

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.52:1

AA Pass 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