#BDC673

#BDC673

Color Values

HEX

#BDC673

RGB

189, 198, 115

HSL

66.5, 42.1%, 61.4%

HSV

66.5, 41.9%, 77.6%

CMYK

4.5%, 0.0%, 41.9%, 22.4%

OKLCH

0.801 0.1072 113.9

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#BDC673

#7C73C6

Analogous

#C6A673

#94C673

#BDC673

Triadic

#BDC673

#73BDC6

#C673BD

Split Complementary

#BDC673

#7394C6

#A673C6

Tetradic

#BDC673

#73C6A6

#7C73C6

#C67394

Color Blindness Simulation

Original

#BDC673

Protanopia

#C1C187

Deuteranopia

#C0C08C

Tritanopia

#BD979A

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E7EACC
300
#D6DCA8
400
#C0C879
500
#AAB54A
600
#88913B
700
#6D742F
800
#555B25
900
#3F431E
950
#282A13

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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