#B4FD66

#B4FD66

Color Values

HEX

#B4FD66

RGB

180, 253, 102

HSL

89.0, 97.4%, 69.6%

HSV

89.0, 59.7%, 99.2%

CMYK

28.9%, 0.0%, 59.7%, 0.8%

OKLCH

0.9162 0.1957 131.1

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#B4FD66

#AF66FD

Analogous

#FDFA66

#68FD66

#B4FD66

Triadic

#B4FD66

#66B4FD

#FD66B4

Split Complementary

#B4FD66

#6668FD

#FA66FD

Tetradic

#B4FD66

#66FDFA

#AF66FD

#FD6668

Color Blindness Simulation

Original

#B4FD66

Protanopia

#D4D48A

Deuteranopia

#CFCA93

Tritanopia

#B8A7AE

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EEFCDE
200
#DCFEB9
300
#C4FD86
400
#A4FD45
500
#84FC03
600
#69C903
700
#54A102
800
#427E02
900
#325B06
950
#1F3904

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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