#BBC048

#BBC048

Color Values

HEX

#BBC048

RGB

187, 192, 72

HSL

62.5, 48.8%, 51.8%

HSV

62.5, 62.5%, 75.3%

CMYK

2.6%, 0.0%, 62.5%, 24.7%

OKLCH

0.781 0.1416 111.5

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BBC048

#4D48C0

Analogous

#C08948

#7FC048

#BBC048

Triadic

#BBC048

#48BBC0

#C048BB

Split Complementary

#BBC048

#487FC0

#8948C0

Tetradic

#BBC048

#48C089

#4D48C0

#C0487F

Color Blindness Simulation

Original

#BBC048

Protanopia

#BDBD65

Deuteranopia

#BDBC6C

Tritanopia

#BB7C81

Achromatopsia

#B6B6B6

CSS Usage

background-color: #BBC048;
color: #BBC048;
border-color: #BBC048;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#EBEDCA
300
#DDE0A4
400
#CBCF73
500
#B9BE41
600
#949834
700
#76792A
800
#5C5F21
900
#44461B
950
#2B2C11

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.75:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026