#BFD32C

#BFD32C

Color Values

HEX

#BFD32C

RGB

191, 211, 44

HSL

67,2, 65,5%, 50,0%

HSV

67,2, 79,1%, 82,7%

CMYK

9,5%, 0,0%, 79,1%, 17,3%

OKLCH

0,8243 0,1779 116,7

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BFD32C

#402CD3

Analogous

#D3942C

#6BD32C

#BFD32C

Triadic

#BFD32C

#2CBFD3

#D32CBF

Split Complementary

#BFD32C

#2C6BD3

#942CD3

Tetradic

#BFD32C

#2CD394

#402CD3

#D32C6B

Color Blindness Simulation

Original

#BFD32C

Protanopia

#C8C854

Deuteranopia

#C6C55E

Tritanopia

#C0747B

Achromatopsia

#C3C3C3

CSS Usage

background-color: #BFD32C;
color: #BFD32C;
border-color: #BFD32C;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EDF3C4
300
#E0EA9A
400
#D0DE63
500
#BFD32C
600
#99A923
700
#7A871C
800
#5F6A16
900
#464D14
950
#2C310D

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,57: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