#B48618

#B48618

Color Values

HEX

#B48618

RGB

180, 134, 24

HSL

42.3, 76.5%, 40.0%

HSV

42.3, 86.7%, 70.6%

CMYK

0.0%, 25.6%, 86.7%, 29.4%

OKLCH

0.648 0.127 82.8

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#B48618

#1846B4

Analogous

#B43818

#94B418

#B48618

Triadic

#B48618

#18B486

#8618B4

Split Complementary

#B48618

#1894B4

#3818B4

Tetradic

#B48618

#18B438

#1846B4

#B41894

Color Blindness Simulation

Original

#B48618

Protanopia

#A0A033

Deuteranopia

#A3A639

Tritanopia

#B2484C

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F2E2
200
#F7E6C0
300
#F1D593
400
#E9BE58
500
#E1A71E
600
#B48618
700
#906B13
800
#71540F
900
#523E0F
950
#34270A

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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