#BAFA90

#BAFA90

Color Values

HEX

#BAFA90

RGB

186, 250, 144

HSL

96.2, 91.4%, 77.3%

HSV

96.2, 42.4%, 98.0%

CMYK

25.6%, 0.0%, 42.4%, 2.0%

OKLCH

0.9183 0.1507 134.0

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#BAFA90

#D090FA

Analogous

#EFFA90

#90FA9B

#BAFA90

Triadic

#BAFA90

#90BAFA

#FA90BA

Split Complementary

#BAFA90

#9B90FA

#FA90EF

Tetradic

#BAFA90

#90EFFA

#D090FA

#FA9B90

Color Blindness Simulation

Original

#BAFA90

Protanopia

#D6D6AA

Deuteranopia

#D2CDB0

Tritanopia

#BDBEC2

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D5FCBB
300
#B6FA8A
400
#8FF74A
500
#67F40B
600
#53C309
700
#429C07
800
#347A05
900
#285809
950
#193805

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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