#BAF398

#BAF398

Color Values

HEX

#BAF398

RGB

186, 243, 152

HSL

97,6, 79,1%, 77,5%

HSV

97,6, 37,4%, 95,3%

CMYK

23,5%, 0,0%, 37,4%, 4,7%

OKLCH

0,9039 0,1323 134,5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAF398

#D198F3

Analogous

#E8F398

#98F3A4

#BAF398

Triadic

#BAF398

#98BAF3

#F398BA

Split Complementary

#BAF398

#A498F3

#F398E8

Tetradic

#BAF398

#98E8F3

#D198F3

#F3A498

Color Blindness Simulation

Original

#BAF398

Protanopia

#D3D3AE

Deuteranopia

#CFCBB3

Tritanopia

#BDBFC3

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#EAF9E1
200
#D4F8BF
300
#B6F291
400
#8EEB56
500
#66E41B
600
#52B715
700
#419211
800
#33720D
900
#28530E
950
#193409

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,36:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

فبراير 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026