#BAB958

#BAB958

Color Values

HEX

#BAB958

RGB

186, 185, 88

HSL

59.4, 41.5%, 53.7%

HSV

59.4, 52.7%, 72.9%

CMYK

0.0%, 0.5%, 52.7%, 27.1%

OKLCH

0.7666 0.1202 108.4

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#BAB958

#5859BA

Analogous

#BA8858

#8ABA58

#BAB958

Triadic

#BAB958

#58BAB9

#B958BA

Split Complementary

#BAB958

#588ABA

#8858BA

Tetradic

#BAB958

#58BA88

#5859BA

#BA588A

Color Blindness Simulation

Original

#BAB958

Protanopia

#BABA6F

Deuteranopia

#BABA75

Tritanopia

#BA8286

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#EAEACC
300
#DBDBA8
400
#C8C779
500
#B4B34B
600
#908F3C
700
#737330
800
#5A5A25
900
#43421E
950
#2A2A13

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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