#BCB507

#BCB507

Color Values

HEX

#BCB507

RGB

188, 181, 7

HSL

57.7, 92.8%, 38.2%

HSV

57.7, 96.3%, 73.7%

CMYK

0.0%, 3.7%, 96.3%, 26.3%

OKLCH

0.7546 0.1605 106.9

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#BCB507

#070EBC

Analogous

#BC5A07

#68BC07

#BCB507

Triadic

#BCB507

#07BCB5

#B507BC

Split Complementary

#BCB507

#0768BC

#5A07BC

Tetradic

#BCB507

#07BC5A

#070EBC

#BC0768

Color Blindness Simulation

Original

#BCB507

Protanopia

#B9B931

Deuteranopia

#B9BA3B

Tritanopia

#BC525A

Achromatopsia

#AAAAAA

CSS Usage

background-color: #BCB507;
color: #BCB507;
border-color: #BCB507;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCFABA
300
#FBF689
400
#F8F149
500
#F6ED09
600
#C5BD07
700
#9D9806
800
#7B7605
900
#595608
950
#383605

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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