#BFCA6B

#BFCA6B

Color Values

HEX

#BFCA6B

RGB

191, 202, 107

HSL

66.9, 47.3%, 60.6%

HSV

66.9, 47.0%, 79.2%

CMYK

5.4%, 0.0%, 47.0%, 20.8%

OKLCH

0.8101 0.1204 114.6

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#BFCA6B

#766BCA

Analogous

#CAA56B

#90CA6B

#BFCA6B

Triadic

#BFCA6B

#6BBFCA

#CA6BBF

Split Complementary

#BFCA6B

#6B90CA

#A56BCA

Tetradic

#BFCA6B

#6BCAA5

#766BCA

#CA6B90

Color Blindness Simulation

Original

#BFCA6B

Protanopia

#C4C482

Deuteranopia

#C3C288

Tritanopia

#C09498

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E8ECCA
300
#D8DFA5
400
#C3CD74
500
#AEBC43
600
#8B9636
700
#6F782B
800
#575E22
900
#40451C
950
#292C12

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.88:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026