#BA883B

#BA883B

Color Values

HEX

#BA883B

RGB

186, 136, 59

HSL

36.4, 51.8%, 48.0%

HSV

36.4, 68.3%, 72.9%

CMYK

0.0%, 26.9%, 68.3%, 27.1%

OKLCH

0.6612 0.1114 75.3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA883B

#3B6DBA

Analogous

#BA493B

#ACBA3B

#BA883B

Triadic

#BA883B

#3BBA88

#883BBA

Split Complementary

#BA883B

#3BACBA

#493BBA

Tetradic

#BA883B

#3BBA49

#3B6DBA

#BA3BAC

Color Blindness Simulation

Original

#BA883B

Protanopia

#A4A44E

Deuteranopia

#A7AB52

Tritanopia

#B85C60

Achromatopsia

#8D8D8D

CSS Usage

background-color: #BA883B;
color: #BA883B;
border-color: #BA883B;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEDFC9
300
#E2C9A2
400
#D2AB70
500
#C28E3D
600
#9B7131
700
#7C5B27
800
#61471F
900
#47351A
950
#2D2210

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.67:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026