#BAF893

#BAF893

Color Values

HEX

#BAF893

RGB

186, 248, 147

HSL

96,8, 87,8%, 77,5%

HSV

96,8, 40,7%, 97,3%

CMYK

25,0%, 0,0%, 40,7%, 2,7%

OKLCH

0,9143 0,1448 134,2

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#BAF893

#D193F8

Analogous

#EDF893

#93F89F

#BAF893

Triadic

#BAF893

#93BAF8

#F893BA

Split Complementary

#BAF893

#9F93F8

#F893ED

Tetradic

#BAF893

#93EDF8

#D193F8

#F89F93

Color Blindness Simulation

Original

#BAF893

Protanopia

#D5D5AB

Deuteranopia

#D1CDB1

Tritanopia

#BDBFC3

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFAE0
200
#D4FBBC
300
#B6F88C
400
#8EF34E
500
#66EF10
600
#52C00C
700
#41990A
800
#337808
900
#28570A
950
#193706

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,94:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Fev 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026