#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

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