#BBD58A

#BBD58A

Color Values

HEX

#BBD58A

RGB

187, 213, 138

HSL

80.8, 47.2%, 68.8%

HSV

80.8, 35.2%, 83.5%

CMYK

12.2%, 0.0%, 35.2%, 16.5%

OKLCH

0.8359 0.1025 124.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BBD58A

#A48AD5

Analogous

#D5C98A

#95D58A

#BBD58A

Triadic

#BBD58A

#8ABBD5

#D58ABB

Split Complementary

#BBD58A

#8A95D5

#C98AD5

Tetradic

#BBD58A

#8AD5C9

#A48AD5

#D58A95

Color Blindness Simulation

Original

#BBD58A

Protanopia

#C6C69C

Deuteranopia

#C5C3A0

Tritanopia

#BCAAAE

Achromatopsia

#CACACA

CSS Usage

background-color: #BBD58A;
color: #BBD58A;
border-color: #BBD58A;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#E0ECCA
300
#CBDFA5
400
#AECD74
500
#92BC43
600
#759636
700
#5D782B
800
#495E22
900
#37451C
950
#232C12

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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