#B2DBAD

#B2DBAD

Color Values

HEX

#B2DBAD

RGB

178, 219, 173

HSL

113,5, 39,0%, 76,9%

HSV

113,5, 21,0%, 85,9%

CMYK

18,7%, 0,0%, 21,0%, 14,1%

OKLCH

0,85 0,0762 142,0

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#B2DBAD

#D6ADDB

Analogous

#C9DBAD

#ADDBBF

#B2DBAD

Triadic

#B2DBAD

#ADB2DB

#DBADB2

Split Complementary

#B2DBAD

#BFADDB

#DBADC9

Tetradic

#B2DBAD

#ADC9DB

#D6ADDB

#DBBFAD

Color Blindness Simulation

Original

#B2DBAD

Protanopia

#C4C4B8

Deuteranopia

#C1BEBB

Tritanopia

#B4C1C3

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E9F3E7
200
#D0E9CD
300
#AFDAAA
400
#84C57C
500
#59B14E
600
#478E3E
700
#397132
800
#2C5927
900
#23411F
950
#162914

Contrast Checker

Text on white

1,54:1

AA Fail AAA Fail

Text on black

13,63: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