#BDC66C

#BDC66C

Color Values

HEX

#BDC66C

RGB

189, 198, 108

HSL

66.0, 44.1%, 60.0%

HSV

66.0, 45.5%, 77.6%

CMYK

4.5%, 0.0%, 45.5%, 22.4%

OKLCH

0.7999 0.1148 113.7

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#BDC66C

#756CC6

Analogous

#C6A26C

#90C66C

#BDC66C

Triadic

#BDC66C

#6CBDC6

#C66CBD

Split Complementary

#BDC66C

#6C90C6

#A26CC6

Tetradic

#BDC66C

#6CC6A2

#756CC6

#C66C90

Color Blindness Simulation

Original

#BDC66C

Protanopia

#C1C182

Deuteranopia

#C0C087

Tritanopia

#BD9397

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E8EBCC
300
#D7DDA7
400
#C2CA77
500
#ACB847
600
#8A9339
700
#6E762E
800
#565C24
900
#40441D
950
#282B12

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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