#BEC772

#BEC772

Color Values

HEX

#BEC772

RGB

190, 199, 114

HSL

66.4, 43.1%, 61.4%

HSV

66.4, 42.7%, 78.0%

CMYK

4.5%, 0.0%, 42.7%, 22.0%

OKLCH

0.8038 0.1094 113.8

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#BEC772

#7B72C7

Analogous

#C7A672

#94C772

#BEC772

Triadic

#BEC772

#72BEC7

#C772BE

Split Complementary

#BEC772

#7294C7

#A672C7

Tetradic

#BEC772

#72C7A6

#7B72C7

#C77294

Color Blindness Simulation

Original

#BEC772

Protanopia

#C2C287

Deuteranopia

#C1C18C

Tritanopia

#BE979A

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F4E7
200
#E7EBCC
300
#D7DCA7
400
#C1C978
500
#ABB649
600
#89923A
700
#6D752E
800
#555B24
900
#3F431E
950
#282A13

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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