#BEC54C

#BEC54C

Color Values

HEX

#BEC54C

RGB

190, 197, 76

HSL

63.5, 51.1%, 53.5%

HSV

63.5, 61.4%, 77.3%

CMYK

3.6%, 0.0%, 61.4%, 22.7%

OKLCH

0.7948 0.1433 112.4

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BEC54C

#534CC5

Analogous

#C58F4C

#81C54C

#BEC54C

Triadic

#BEC54C

#4CBEC5

#C54CBE

Split Complementary

#BEC54C

#4C81C5

#8F4CC5

Tetradic

#BEC54C

#4CC58F

#534CC5

#C54C81

Color Blindness Simulation

Original

#BEC54C

Protanopia

#C1C169

Deuteranopia

#C1C070

Tritanopia

#BE8085

Achromatopsia

#BBBBBB

CSS Usage

background-color: #BEC54C;
color: #BEC54C;
border-color: #BEC54C;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#EBEEC9
300
#DDE1A3
400
#CBD170
500
#B9C13E
600
#949A32
700
#767B28
800
#5D601F
900
#44471A
950
#2B2D11

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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