#BFC172

#BFC172

Color Values

HEX

#BFC172

RGB

191, 193, 114

HSL

61.5, 38.9%, 60.2%

HSV

61.5, 40.9%, 75.7%

CMYK

1.0%, 0.0%, 40.9%, 24.3%

OKLCH

0.7916 0.1017 109.8

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#BFC172

#7472C1

Analogous

#C19B72

#98C172

#BFC172

Triadic

#BFC172

#72BFC1

#C172BF

Split Complementary

#BFC172

#7298C1

#9B72C1

Tetradic

#BFC172

#72C19B

#7472C1

#C17298

Color Blindness Simulation

Original

#BFC172

Protanopia

#C0C085

Deuteranopia

#C0C08A

Tritanopia

#BF9498

Achromatopsia

#BBBBBB

CSS Usage

background-color: #BFC172;
color: #BFC172;
border-color: #BFC172;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E8E9CD
300
#D8DAAA
400
#C4C57C
500
#AFB14E
600
#8C8E3E
700
#707132
800
#575927
900
#41411F
950
#292914

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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