#BEC24A

#BEC24A

Color Values

HEX

#BEC24A

RGB

190, 194, 74

HSL

62.0, 49.6%, 52.5%

HSV

62.0, 61.9%, 76.1%

CMYK

2.1%, 0.0%, 61.9%, 23.9%

OKLCH

0.788 0.1416 111.1

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#BEC24A

#4E4AC2

Analogous

#C28A4A

#82C24A

#BEC24A

Triadic

#BEC24A

#4ABEC2

#C24ABE

Split Complementary

#BEC24A

#4A82C2

#8A4AC2

Tetradic

#BEC24A

#4AC28A

#4E4AC2

#C24A82

Color Blindness Simulation

Original

#BEC24A

Protanopia

#C0C067

Deuteranopia

#C0BF6E

Tritanopia

#BE7E83

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#ECEDCA
300
#DEE0A3
400
#CCCF72
500
#BBBF40
600
#959933
700
#777A29
800
#5D5F20
900
#45461B
950
#2B2C11

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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