#BBD629

#BBD629

Color Values

HEX

#BBD629

RGB

187, 214, 41

HSL

69.4, 67.8%, 50.0%

HSV

69.4, 80.8%, 83.9%

CMYK

12.6%, 0.0%, 80.8%, 16.1%

OKLCH

0.8278 0.1839 118.8

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#BBD629

#4429D6

Analogous

#D69B29

#64D629

#BBD629

Triadic

#BBD629

#29BBD6

#D629BB

Split Complementary

#BBD629

#2964D6

#9B29D6

Tetradic

#BBD629

#29D69B

#4429D6

#D62964

Color Blindness Simulation

Original

#BBD629

Protanopia

#C7C753

Deuteranopia

#C5C35D

Tritanopia

#BC747B

Achromatopsia

#C4C4C4

CSS Usage

background-color: #BBD629;
color: #BBD629;
border-color: #BBD629;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFCF3
100
#F4F7E3
200
#ECF4C3
300
#DEEB98
400
#CDE161
500
#BBD629
600
#95AB21
700
#78891A
800
#5D6B15
900
#454E13
950
#2B310C

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026