#BEF97D

#BEF97D

Color Values

HEX

#BEF97D

RGB

190, 249, 125

HSL

88.5, 91.2%, 73.3%

HSV

88.5, 49.8%, 97.6%

CMYK

23.7%, 0.0%, 49.8%, 2.4%

OKLCH

0.9157 0.1659 130.1

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BEF97D

#B87DF9

Analogous

#F9F67D

#80F97D

#BEF97D

Triadic

#BEF97D

#7DBEF9

#F97DBE

Split Complementary

#BEF97D

#7D80F9

#F67DF9

Tetradic

#BEF97D

#7DF9F6

#B87DF9

#F97D80

Color Blindness Simulation

Original

#BEF97D

Protanopia

#D8D89B

Deuteranopia

#D4D0A2

Tritanopia

#C1B3B8

Achromatopsia

#E4E4E4

CSS Usage

background-color: #BEF97D;
color: #BEF97D;
border-color: #BEF97D;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DDFCBB
300
#C5FA8A
400
#A5F74B
500
#85F40B
600
#6BC309
700
#559C07
800
#437A06
900
#325809
950
#203805

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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