#BCB609

#BCB609

Color Values

HEX

#BCB609

RGB

188, 182, 9

HSL

58,0, 90,9%, 38,6%

HSV

58,0, 95,2%, 73,7%

CMYK

0,0%, 3,2%, 95,2%, 26,3%

OKLCH

0,7568 0,1611 107,3

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#BCB609

#090FBC

Analogous

#BC5C09

#68BC09

#BCB609

Triadic

#BCB609

#09BCB6

#B609BC

Split Complementary

#BCB609

#0968BC

#5C09BC

Tetradic

#BCB609

#09BC5C

#090FBC

#BC0968

Color Blindness Simulation

Original

#BCB609

Protanopia

#B9B933

Deuteranopia

#BABA3D

Tritanopia

#BC545B

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCFABB
300
#F9F68A
400
#F6F14B
500
#F3EC0C
600
#C3BD09
700
#9C9707
800
#7A7606
900
#585509
950
#383606

Contrast Checker

Text on white

2,14:1

AA Fail AAA Fail

Text on black

9,83: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