#BAE198

#BAE198

Color Values

HEX

#BAE198

RGB

186, 225, 152

HSL

92.1, 54.9%, 73.9%

HSV

92.1, 32.4%, 88.2%

CMYK

17.3%, 0.0%, 32.4%, 11.8%

OKLCH

0.8641 0.105 131.2

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BAE198

#BF98E1

Analogous

#DEE198

#98E19A

#BAE198

Triadic

#BAE198

#98BAE1

#E198BA

Split Complementary

#BAE198

#9A98E1

#E198DE

Tetradic

#BAE198

#98DEE1

#BF98E1

#E19A98

Color Blindness Simulation

Original

#BAE198

Protanopia

#CBCBAA

Deuteranopia

#C9C6AE

Tritanopia

#BCB8BB

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DAEFC8
300
#BFE3A0
400
#9DD46D
500
#7BC53A
600
#629E2E
700
#4E7E25
800
#3D631D
900
#2F4819
950
#1E2E0F

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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