#BAB367

#BAB367

Color Values

HEX

#BAB367

RGB

186, 179, 103

HSL

54,9, 37,6%, 56,7%

HSV

54,9, 44,6%, 72,9%

CMYK

0,0%, 3,8%, 44,6%, 27,1%

OKLCH

0,7557 0,0981 103,9

Properties

Warm Light Nearest: darkkhaki

Color Harmonies

Complementary

#BAB367

#676EBA

Analogous

#BA8A67

#98BA67

#BAB367

Triadic

#BAB367

#67BAB3

#B367BA

Split Complementary

#BAB367

#6798BA

#8A67BA

Tetradic

#BAB367

#67BA8A

#676EBA

#BA6798

Color Blindness Simulation

Original

#BAB367

Protanopia

#B7B779

Deuteranopia

#B7B87E

Tritanopia

#BA888B

Achromatopsia

#AFAFAF

CSS Usage

background-color: #BAB367;
color: #BAB367;
border-color: #BAB367;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#E9E6CE
300
#D9D5AB
400
#C4BE7D
500
#AFA750
600
#8C8640
700
#706B33
800
#585428
900
#413E20
950
#292714

Contrast Checker

Text on white

2,16:1

AA Fail AAA Fail

Text on black

9,73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026