#B48718

#B48718

Color Values

HEX

#B48718

RGB

180, 135, 24

HSL

42.7, 76.5%, 40.0%

HSV

42.7, 86.7%, 70.6%

CMYK

0.0%, 25.0%, 86.7%, 29.4%

OKLCH

0.65 0.1273 83.5

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#B48718

#1845B4

Analogous

#B43918

#93B418

#B48718

Triadic

#B48718

#18B487

#8718B4

Split Complementary

#B48718

#1893B4

#3918B4

Tetradic

#B48718

#18B439

#1845B4

#B41893

Color Blindness Simulation

Original

#B48718

Protanopia

#A1A033

Deuteranopia

#A3A639

Tritanopia

#B2484D

Achromatopsia

#898989

CSS Usage

background-color: #B48718;
color: #B48718;
border-color: #B48718;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF9F2
100
#F9F2E2
200
#F7E7C0
300
#F1D693
400
#E9BF58
500
#E1A91E
600
#B48718
700
#906C13
800
#71540F
900
#523F0F
950
#34280A

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

AA Pass AAA Fail

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