#BAFE8D

#BAFE8D

Color Values

HEX

#BAFE8D

RGB

186, 254, 141

HSL

96,1, 98,3%, 77,5%

HSV

96,1, 44,5%, 99,6%

CMYK

26,8%, 0,0%, 44,5%, 0,4%

OKLCH

0,9268 0,1594 134,0

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#BAFE8D

#D18DFE

Analogous

#F3FE8D

#8DFE99

#BAFE8D

Triadic

#BAFE8D

#8DBAFE

#FE8DBA

Split Complementary

#BAFE8D

#998DFE

#FE8DF3

Tetradic

#BAFE8D

#8DF3FE

#D18DFE

#FE998D

Color Blindness Simulation

Original

#BAFE8D

Protanopia

#D7D8A8

Deuteranopia

#D4CEAF

Tritanopia

#BDBEC3

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FEB8
300
#B6FE86
400
#8EFD44
500
#66FD02
600
#52CA02
700
#41A201
800
#337E01
900
#285B06
950
#193A04

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

17,65: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