#BDCF73

#BDCF73

Color Values

HEX

#BDCF73

RGB

189, 207, 115

HSL

71.7, 48.9%, 63.1%

HSV

71.7, 44.4%, 81.2%

CMYK

8.7%, 0.0%, 44.4%, 18.8%

OKLCH

0.8206 0.119 118.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BDCF73

#8573CF

Analogous

#CFB373

#8FCF73

#BDCF73

Triadic

#BDCF73

#73BDCF

#CF73BD

Split Complementary

#BDCF73

#738FCF

#B373CF

Tetradic

#BDCF73

#73CFB3

#8573CF

#CF738F

Color Blindness Simulation

Original

#BDCF73

Protanopia

#C5C589

Deuteranopia

#C4C28F

Tritanopia

#BE9B9F

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F2F5E6
200
#E6EDCA
300
#D4E0A4
400
#BDCF73
500
#A6BE41
600
#849834
700
#6A7A2A
800
#535F21
900
#3D461B
950
#272C11

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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