#B4AE3F

#B4AE3F

Color Values

HEX

#B4AE3F

RGB

180, 174, 63

HSL

56.9, 48.1%, 47.6%

HSV

56.9, 65.0%, 70.6%

CMYK

0.0%, 3.3%, 65.0%, 29.4%

OKLCH

0.7349 0.131 106.2

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#B4AE3F

#3F45B4

Analogous

#B4733F

#7FB43F

#B4AE3F

Triadic

#B4AE3F

#3FB4AE

#AE3FB4

Split Complementary

#B4AE3F

#3F7FB4

#733FB4

Tetradic

#B4AE3F

#3FB473

#3F45B4

#B43F7F

Color Blindness Simulation

Original

#B4AE3F

Protanopia

#B1B15A

Deuteranopia

#B2B260

Tritanopia

#B46F74

Achromatopsia

#A7A7A7

CSS Usage

background-color: #B4AE3F;
color: #B4AE3F;
border-color: #B4AE3F;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECEBCA
300
#DFDCA4
400
#CEC973
500
#BDB642
600
#979235
700
#79752A
800
#5E5B21
900
#45431B
950
#2C2A11

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.07:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026