#B2E7AE

#B2E7AE

Color Values

HEX

#B2E7AE

RGB

178, 231, 174

HSL

115.8, 54.3%, 79.4%

HSV

115.8, 24.7%, 90.6%

CMYK

22.9%, 0.0%, 24.7%, 9.4%

OKLCH

0.8766 0.0946 143.0

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#B2E7AE

#E3AEE7

Analogous

#CEE7AE

#AEE7C6

#B2E7AE

Triadic

#B2E7AE

#AEB2E7

#E7AEB2

Split Complementary

#B2E7AE

#C6AEE7

#E7AECE

Tetradic

#B2E7AE

#AECEE7

#E3AEE7

#E7C6AE

Color Blindness Simulation

Original

#B2E7AE

Protanopia

#C9C9BC

Deuteranopia

#C6C2BF

Tritanopia

#B5C7C9

Achromatopsia

#D8D8D8

CSS Usage

background-color: #B2E7AE;
color: #B2E7AE;
border-color: #B2E7AE;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FBF4
100
#E6F5E5
200
#CBEFC8
300
#A5E3A1
400
#75D46D
500
#44C53A
600
#369D2F
700
#2B7E25
800
#22621D
900
#1C4819
950
#122E10

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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