#B7B263

#B7B263

Color Values

HEX

#B7B263

RGB

183, 178, 99

HSL

56.4, 36.8%, 55.3%

HSV

56.4, 45.9%, 71.8%

CMYK

0.0%, 2.7%, 45.9%, 28.2%

OKLCH

0.7504 0.1015 105.4

Properties

Warm Light Nearest: darkkhaki

Color Harmonies

Complementary

#B7B263

#6368B7

Analogous

#B78863

#92B763

#B7B263

Triadic

#B7B263

#63B7B2

#B263B7

Split Complementary

#B7B263

#6392B7

#8863B7

Tetradic

#B7B263

#63B788

#6368B7

#B76392

Color Blindness Simulation

Original

#B7B263

Protanopia

#B5B576

Deuteranopia

#B5B67B

Tritanopia

#B78589

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F2E8
200
#E8E7CE
300
#D8D6AB
400
#C3BF7E
500
#AEA951
600
#8C8740
700
#706C34
800
#575428
900
#403F20
950
#292814

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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