#BAE161

#BAE161

Color Values

HEX

#BAE161

RGB

186, 225, 97

HSL

78.3, 68.1%, 63.1%

HSV

78.3, 56.9%, 88.2%

CMYK

17.3%, 0.0%, 56.9%, 11.8%

OKLCH

0.856 0.161 124.0

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAE161

#8861E1

Analogous

#E1C861

#7AE161

#BAE161

Triadic

#BAE161

#61BAE1

#E161BA

Split Complementary

#BAE161

#617AE1

#C861E1

Tetradic

#BAE161

#61E1C8

#8861E1

#E1617A

Color Blindness Simulation

Original

#BAE161

Protanopia

#CBCB80

Deuteranopia

#C9C687

Tritanopia

#BC989E

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F1F7E3
200
#E5F4C3
300
#D2EB98
400
#BAE160
500
#A1D629
600
#81AB21
700
#67891A
800
#516B14
900
#3C4E13
950
#26310C

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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