#BDCC73

#BDCC73

Color Values

HEX

#BDCC73

RGB

189, 204, 115

HSL

70.1, 46.6%, 62.5%

HSV

70.1, 43.6%, 80.0%

CMYK

7.4%, 0.0%, 43.6%, 20.0%

OKLCH

0.814 0.115 116.9

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#BDCC73

#8273CC

Analogous

#CCAE73

#90CC73

#BDCC73

Triadic

#BDCC73

#73BDCC

#CC73BD

Split Complementary

#BDCC73

#7390CC

#AE73CC

Tetradic

#BDCC73

#73CCAE

#8273CC

#CC7390

Color Blindness Simulation

Original

#BDCC73

Protanopia

#C3C489

Deuteranopia

#C3C18E

Tritanopia

#BE9A9D

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E6ECCB
300
#D5DEA5
400
#BECD75
500
#A7BB44
600
#869636
700
#6B782C
800
#535D22
900
#3E451C
950
#272B12

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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