#BBC66E

#BBC66E

Color Values

HEX

#BBC66E

RGB

187, 198, 110

HSL

67.5, 43.6%, 60.4%

HSV

67.5, 44.4%, 77.6%

CMYK

5.6%, 0.0%, 44.4%, 22.4%

OKLCH

0.7986 0.1131 114.8

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#BBC66E

#796EC6

Analogous

#C6A56E

#8FC66E

#BBC66E

Triadic

#BBC66E

#6EBBC6

#C66EBB

Split Complementary

#BBC66E

#6E8FC6

#A56EC6

Tetradic

#BBC66E

#6EC6A5

#796EC6

#C66E8F

Color Blindness Simulation

Original

#BBC66E

Protanopia

#C0C083

Deuteranopia

#BFBE88

Tritanopia

#BC9498

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E7EBCC
300
#D6DCA7
400
#C0CA78
500
#A9B748
600
#87923A
700
#6C752E
800
#555C24
900
#3F431D
950
#282B13

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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