#B2F26F

#B2F26F

Color Values

HEX

#B2F26F

RGB

178, 242, 111

HSL

89.3, 83.4%, 69.2%

HSV

89.3, 54.1%, 94.9%

CMYK

26.4%, 0.0%, 54.1%, 5.1%

OKLCH

0.8909 0.1748 130.9

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#B2F26F

#AF6FF2

Analogous

#F2F06F

#70F26F

#B2F26F

Triadic

#B2F26F

#6FB2F2

#F26FB2

Split Complementary

#B2F26F

#6F70F2

#F06FF2

Tetradic

#B2F26F

#6FF2F0

#AF6FF2

#F26F70

Color Blindness Simulation

Original

#B2F26F

Protanopia

#CECE8F

Deuteranopia

#CAC596

Tritanopia

#B5A8AD

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DCF9BE
300
#C3F58F
400
#A2EF52
500
#82EA15
600
#68BB11
700
#53960E
800
#41750B
900
#31550C
950
#1F3608

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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