#BAAB67

#BAAB67

Color Values

HEX

#BAAB67

RGB

186, 171, 103

HSL

49.2, 37.6%, 56.7%

HSV

49.2, 44.6%, 72.9%

CMYK

0.0%, 8.1%, 44.6%, 27.1%

OKLCH

0.7387 0.09 97.2

Properties

Warm Light Nearest: darkkhaki

Color Harmonies

Complementary

#BAAB67

#6776BA

Analogous

#BA8267

#A0BA67

#BAAB67

Triadic

#BAAB67

#67BAAB

#AB67BA

Split Complementary

#BAAB67

#67A0BA

#8267BA

Tetradic

#BAAB67

#67BA82

#6776BA

#BA67A0

Color Blindness Simulation

Original

#BAAB67

Protanopia

#B4B377

Deuteranopia

#B4B67B

Tritanopia

#B98487

Achromatopsia

#A9A9A9

CSS Usage

background-color: #BAAB67;
color: #BAAB67;
border-color: #BAAB67;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF9F5
100
#F3F1E7
200
#E9E4CE
300
#D9D1AB
400
#C4B77D
500
#AF9E50
600
#8C7F40
700
#706533
800
#584F28
900
#413B20
950
#292514

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.11:1

AA Pass AAA Pass

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