#BEF796

#BEF796

Color Values

HEX

#BEF796

RGB

190, 247, 150

HSL

95.3, 85.8%, 77.8%

HSV

95.3, 39.3%, 96.9%

CMYK

23.1%, 0.0%, 39.3%, 3.1%

OKLCH

0.915 0.1382 133.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BEF796

#CF96F7

Analogous

#EEF796

#96F79E

#BEF796

Triadic

#BEF796

#96BEF7

#F796BE

Split Complementary

#BEF796

#9E96F7

#F796EE

Tetradic

#BEF796

#96EEF7

#CF96F7

#F79E96

Color Blindness Simulation

Original

#BEF796

Protanopia

#D7D7AD

Deuteranopia

#D3CFB3

Tritanopia

#C1C0C4

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EBFAE0
200
#D6FABD
300
#B9F68D
400
#92F250
500
#6CED12
600
#57BE0E
700
#45980C
800
#367609
900
#2A560B
950
#1A3607

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026