#BFC688

#BFC688

Color Values

HEX

#BFC688

RGB

191, 198, 136

HSL

66.8, 35.2%, 65.5%

HSV

66.8, 31.3%, 77.6%

CMYK

3.5%, 0.0%, 31.3%, 22.4%

OKLCH

0.8061 0.0824 113.5

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#BFC688

#8F88C6

Analogous

#C6AE88

#A0C688

#BFC688

Triadic

#BFC688

#88BFC6

#C688BF

Split Complementary

#BFC688

#88A0C6

#AE88C6

Tetradic

#BFC688

#88C6AE

#8F88C6

#C688A0

Color Blindness Simulation

Original

#BFC688

Protanopia

#C2C297

Deuteranopia

#C2C19B

Tritanopia

#BFA3A5

Achromatopsia

#C0C0C0

CSS Usage

background-color: #BFC688;
color: #BFC688;
border-color: #BFC688;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#F9FAF5
100
#F1F2E8
200
#E5E8CF
300
#D2D7AC
400
#BAC27F
500
#A2AC53
600
#828A42
700
#686E35
800
#515629
900
#3C4021
950
#262815

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026