#BAE48C

#BAE48C

Color Values

HEX

#BAE48C

RGB

186, 228, 140

HSL

88.6, 62.0%, 72.2%

HSV

88.6, 38.6%, 89.4%

CMYK

18.4%, 0.0%, 38.6%, 10.6%

OKLCH

0.8686 0.1228 129.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAE48C

#B68CE4

Analogous

#E4E28C

#8EE48C

#BAE48C

Triadic

#BAE48C

#8CBAE4

#E48CBA

Split Complementary

#BAE48C

#8C8EE4

#E28CE4

Tetradic

#BAE48C

#8CE4E2

#B68CE4

#E48C8E

Color Blindness Simulation

Original

#BAE48C

Protanopia

#CCCDA1

Deuteranopia

#CAC7A6

Tritanopia

#BCB2B6

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF7E4
200
#DCF1C5
300
#C4E89C
400
#A3DB66
500
#83CF30
600
#69A527
700
#54841F
800
#426718
900
#324B15
950
#1F300E

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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