#B2EB6A

#B2EB6A

Color Values

HEX

#B2EB6A

RGB

178, 235, 106

HSL

86.5, 76.3%, 66.9%

HSV

86.5, 54.9%, 92.2%

CMYK

24.3%, 0.0%, 54.9%, 7.8%

OKLCH

0.8744 0.1699 129.2

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#B2EB6A

#A36AEB

Analogous

#EBE36A

#72EB6A

#B2EB6A

Triadic

#B2EB6A

#6AB2EB

#EB6AB2

Split Complementary

#B2EB6A

#6A72EB

#E36AEB

Tetradic

#B2EB6A

#6AEBE3

#A36AEB

#EB6A72

Color Blindness Simulation

Original

#B2EB6A

Protanopia

#CBCB89

Deuteranopia

#C7C391

Tritanopia

#B5A2A7

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EFF9E2
200
#DEF7C0
300
#C7F093
400
#A9E959
500
#8BE11E
600
#6FB418
700
#599013
800
#45700F
900
#34520F
950
#21340A

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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