#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