#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026