#BAE28B

#BAE28B

Color Values

HEX

#BAE28B

RGB

186, 226, 139

HSL

87.6, 60.0%, 71.6%

HSV

87.6, 38.5%, 88.6%

CMYK

17.7%, 0.0%, 38.5%, 11.4%

OKLCH

0.864 0.1209 128.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAE28B

#B38BE2

Analogous

#E2DF8B

#8FE28B

#BAE28B

Triadic

#BAE28B

#8BBAE2

#E28BBA

Split Complementary

#BAE28B

#8B8FE2

#DF8BE2

Tetradic

#BAE28B

#8BE2DF

#B38BE2

#E28B8F

Color Blindness Simulation

Original

#BAE28B

Protanopia

#CBCCA0

Deuteranopia

#C9C6A5

Tritanopia

#BCB1B4

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DDF1C6
300
#C5E79D
400
#A5D968
500
#86CC33
600
#6BA329
700
#568321
800
#43661A
900
#334B16
950
#202F0E

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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