#BAFD66

#BAFD66

Color Values

HEX

#BAFD66

RGB

186, 253, 102

HSL

86.6, 97.4%, 69.6%

HSV

86.6, 59.7%, 99.2%

CMYK

26.5%, 0.0%, 59.7%, 0.8%

OKLCH

0.9197 0.1928 129.7

Properties

Cool Light Nearest: darkolivegreen 1

Color Harmonies

Complementary

#BAFD66

#A966FD

Analogous

#FDF466

#6FFD66

#BAFD66

Triadic

#BAFD66

#66BAFD

#FD66BA

Split Complementary

#BAFD66

#666FFD

#F466FD

Tetradic

#BAFD66

#66FDF4

#A966FD

#FD666F

Color Blindness Simulation

Original

#BAFD66

Protanopia

#D7D88A

Deuteranopia

#D3CE93

Tritanopia

#BDA7AE

Achromatopsia

#E4E4E4

CSS Usage

background-color: #BAFD66;
color: #BAFD66;
border-color: #BAFD66;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FEF1
100
#EFFCDE
200
#DFFEB9
300
#C9FD86
400
#ABFD45
500
#8EFC03
600
#71C903
700
#5BA102
800
#477E02
900
#355B06
950
#223904

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026