#BDC99F

#BDC99F

Color Values

HEX

#BDC99F

RGB

189, 201, 159

HSL

77.1, 28.0%, 70.6%

HSV

77.1, 20.9%, 78.8%

CMYK

6.0%, 0.0%, 20.9%, 21.2%

OKLCH

0.8157 0.0584 120.7

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BDC99F

#AB9FC9

Analogous

#C9C09F

#A8C99F

#BDC99F

Triadic

#BDC99F

#9FBDC9

#C99FBD

Split Complementary

#BDC99F

#9FA8C9

#C09FC9

Tetradic

#BDC99F

#9FC9C0

#AB9FC9

#C99FA8

Color Blindness Simulation

Original

#BDC99F

Protanopia

#C2C2A9

Deuteranopia

#C2C1AC

Tritanopia

#BEB1B3

Achromatopsia

#C3C3C3

CSS Usage

background-color: #BDC99F;
color: #BDC99F;
border-color: #BDC99F;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E5D1
300
#C9D3B1
400
#ACBB86
500
#8FA35C
600
#728349
700
#5B683B
800
#47522E
900
#363D24
950
#222617

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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