#B2CBA1

#B2CBA1

Color Values

HEX

#B2CBA1

RGB

178, 203, 161

HSL

95.7, 28.8%, 71.4%

HSV

95.7, 20.7%, 79.6%

CMYK

12.3%, 0.0%, 20.7%, 20.4%

OKLCH

0.8123 0.0635 132.8

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#B2CBA1

#BAA1CB

Analogous

#C7CBA1

#A1CBA5

#B2CBA1

Triadic

#B2CBA1

#A1B2CB

#CBA1B2

Split Complementary

#B2CBA1

#A5A1CB

#CBA1C7

Tetradic

#B2CBA1

#A1C7CB

#BAA1CB

#CBA5A1

Color Blindness Simulation

Original

#B2CBA1

Protanopia

#BDBDAB

Deuteranopia

#BBBAAE

Tritanopia

#B3B3B5

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D9E6D1
300
#BED3B0
400
#9BBC85
500
#79A45B
600
#608349
700
#4D693A
800
#3C522D
900
#2E3D24
950
#1D2717

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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