#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026