#BAAD45

#BAAD45

Color Values

HEX

#BAAD45

RGB

186, 173, 69

HSL

53,3, 45,9%, 50,0%

HSV

53,3, 62,9%, 72,9%

CMYK

0,0%, 7,0%, 62,9%, 27,1%

OKLCH

0,7387 0,1249 102,2

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BAAD45

#4552BA

Analogous

#BA7245

#8DBA45

#BAAD45

Triadic

#BAAD45

#45BAAD

#AD45BA

Split Complementary

#BAAD45

#458DBA

#7245BA

Tetradic

#BAAD45

#45BA72

#4552BA

#BA458D

Color Blindness Simulation

Original

#BAAD45

Protanopia

#B4B45E

Deuteranopia

#B5B664

Tritanopia

#B97276

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE8CB
300
#DED8A6
400
#CCC275
500
#BAAD45
600
#958A37
700
#776F2C
800
#5D5622
900
#44401C
950
#2B2812

Contrast Checker

Text on white

2,29:1

AA Fail AAA Fail

Text on black

9,15: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