#BAEF8C

#BAEF8C

Color Values

HEX

#BAEF8C

RGB

186, 239, 140

HSL

92.1, 75.6%, 74.3%

HSV

92.1, 41.4%, 93.7%

CMYK

22.2%, 0.0%, 41.4%, 6.3%

OKLCH

0.8931 0.1389 131.7

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAEF8C

#C18CEF

Analogous

#ECEF8C

#8CEF8F

#BAEF8C

Triadic

#BAEF8C

#8CBAEF

#EF8CBA

Split Complementary

#BAEF8C

#8F8CEF

#EF8CEC

Tetradic

#BAEF8C

#8CECEF

#C18CEF

#EF8F8C

Color Blindness Simulation

Original

#BAEF8C

Protanopia

#D1D1A4

Deuteranopia

#CECAAA

Tritanopia

#BDB7BB

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#ECF9E2
200
#D9F6C0
300
#BFF094
400
#9CE859
500
#79E01F
600
#61B319
700
#4D8F14
800
#3C7010
900
#2E510F
950
#1D330A

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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