#B8AF3D

#B8AF3D

Color Values

HEX

#B8AF3D

RGB

184, 175, 61

HSL

55.6, 50.2%, 48.0%

HSV

55.6, 66.8%, 72.2%

CMYK

0.0%, 4.9%, 66.8%, 27.8%

OKLCH

0.7404 0.133 104.8

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#B8AF3D

#3D46B8

Analogous

#B8713D

#83B83D

#B8AF3D

Triadic

#B8AF3D

#3DB8AF

#AF3DB8

Split Complementary

#B8AF3D

#3D83B8

#713DB8

Tetradic

#B8AF3D

#3DB871

#3D46B8

#B83D83

Color Blindness Simulation

Original

#B8AF3D

Protanopia

#B4B459

Deuteranopia

#B5B55F

Tritanopia

#B86E73

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEBC9
300
#E1DCA3
400
#D0C971
500
#C0B63F
600
#999233
700
#7B7529
800
#605B20
900
#46431B
950
#2C2A11

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026