#BECF72

#BECF72

Color Values

HEX

#BECF72

RGB

190, 207, 114

HSL

71.0, 49.2%, 62.9%

HSV

71.0, 44.9%, 81.2%

CMYK

8.2%, 0.0%, 44.9%, 18.8%

OKLCH

0.8212 0.1198 117.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BECF72

#8372CF

Analogous

#CFB172

#8FCF72

#BECF72

Triadic

#BECF72

#72BECF

#CF72BE

Split Complementary

#BECF72

#728FCF

#B172CF

Tetradic

#BECF72

#72CFB1

#8372CF

#CF728F

Color Blindness Simulation

Original

#BECF72

Protanopia

#C5C688

Deuteranopia

#C4C38E

Tritanopia

#BF9A9E

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F2F5E6
200
#E6EDCA
300
#D5E0A4
400
#BECF72
500
#A7BE41
600
#869834
700
#6B7A29
800
#545F20
900
#3E461B
950
#272C11

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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