#BAE298

#BAE298

Color Values

HEX

#BAE298

RGB

186, 226, 152

HSL

92.4, 56.1%, 74.1%

HSV

92.4, 32.7%, 88.6%

CMYK

17.7%, 0.0%, 32.7%, 11.4%

OKLCH

0.8663 0.1066 131.4

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BAE298

#C098E2

Analogous

#DFE298

#98E29B

#BAE298

Triadic

#BAE298

#98BAE2

#E298BA

Split Complementary

#BAE298

#9B98E2

#E298DF

Tetradic

#BAE298

#98DFE2

#C098E2

#E29B98

Color Blindness Simulation

Original

#BAE298

Protanopia

#CBCCAA

Deuteranopia

#C9C6AE

Tritanopia

#BCB8BB

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#DAEFC7
300
#BFE49F
400
#9CD66C
500
#7AC738
600
#619F2D
700
#4E7F24
800
#3D641C
900
#2E4918
950
#1D2E0F

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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