#B2D69C

#B2D69C

Color Values

HEX

#B2D69C

RGB

178, 214, 156

HSL

97.2, 41.4%, 72.5%

HSV

97.2, 27.1%, 83.9%

CMYK

16.8%, 0.0%, 27.1%, 16.1%

OKLCH

0.8353 0.0872 133.9

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#B2D69C

#C09CD6

Analogous

#CFD69C

#9CD6A3

#B2D69C

Triadic

#B2D69C

#9CB2D6

#D69CB2

Split Complementary

#B2D69C

#A39CD6

#D69CCF

Tetradic

#B2D69C

#9CCFD6

#C09CD6

#D6A39C

Color Blindness Simulation

Original

#B2D69C

Protanopia

#C2C2AA

Deuteranopia

#C0BDAD

Tritanopia

#B4B5B8

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8EACD
300
#BCDBA8
400
#97C87A
500
#73B44B
600
#5C903C
700
#497330
800
#395A25
900
#2C431E
950
#1C2A13

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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