#BFD969

#BFD969

Color Values

HEX

#BFD969

RGB

191, 217, 105

HSL

73.9, 59.6%, 63.1%

HSV

73.9, 51.6%, 85.1%

CMYK

12.0%, 0.0%, 51.6%, 14.9%

OKLCH

0.8427 0.1415 120.4

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BFD969

#8369D9

Analogous

#D9BB69

#87D969

#BFD969

Triadic

#BFD969

#69BFD9

#D969BF

Split Complementary

#BFD969

#6987D9

#BB69D9

Tetradic

#BFD969

#69D9BB

#8369D9

#D96987

Color Blindness Simulation

Original

#BFD969

Protanopia

#CACA84

Deuteranopia

#C9C78B

Tritanopia

#C09A9E

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F9FBF3
100
#F2F6E4
200
#E7F1C6
300
#D5E69D
400
#BFD968
500
#A8CB34
600
#87A329
700
#6C8221
800
#54661A
900
#3E4A16
950
#272F0E

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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