#BBBC3D

#BBBC3D

Color Values

HEX

#BBBC3D

RGB

187, 188, 61

HSL

60.5, 51.0%, 48.8%

HSV

60.5, 67.6%, 73.7%

CMYK

0.5%, 0.0%, 67.6%, 26.3%

OKLCH

0.7713 0.1454 109.8

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BBBC3D

#3E3DBC

Analogous

#BC7D3D

#7BBC3D

#BBBC3D

Triadic

#BBBC3D

#3DBBBC

#BC3DBB

Split Complementary

#BBBC3D

#3D7BBC

#7D3DBC

Tetradic

#BBBC3D

#3DBC7D

#3E3DBC

#BC3D7B

Color Blindness Simulation

Original

#BBBC3D

Protanopia

#BBBB5C

Deuteranopia

#BBBB63

Tritanopia

#BB7479

Achromatopsia

#B3B3B3

CSS Usage

background-color: #BBBC3D;
color: #BBBC3D;
border-color: #BBBC3D;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EDEEC9
300
#E0E1A3
400
#D0D171
500
#BFC13E
600
#999A32
700
#7B7B28
800
#60601F
900
#46471A
950
#2C2D11

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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