#BBDD65

#BBDD65

Color Values

HEX

#BBDD65

RGB

187, 221, 101

HSL

77.0, 63.8%, 63.1%

HSV

77.0, 54.3%, 86.7%

CMYK

15.4%, 0.0%, 54.3%, 13.3%

OKLCH

0.8482 0.1519 122.8

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BBDD65

#8765DD

Analogous

#DDC365

#7FDD65

#BBDD65

Triadic

#BBDD65

#65BBDD

#DD65BB

Split Complementary

#BBDD65

#657FDD

#C365DD

Tetradic

#BBDD65

#65DDC3

#8765DD

#DD657F

Color Blindness Simulation

Original

#BBDD65

Protanopia

#CACA82

Deuteranopia

#C8C589

Tritanopia

#BD999E

Achromatopsia

#CDCDCD

CSS Usage

background-color: #BBDD65;
color: #BBDD65;
border-color: #BBDD65;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F9FBF3
100
#F1F7E3
200
#E5F2C5
300
#D3E99B
400
#BBDD64
500
#A3D12E
600
#82A725
700
#68861E
800
#516817
900
#3D4C15
950
#26300D

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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