#B4DBAE

#B4DBAE

Color Values

HEX

#B4DBAE

RGB

180, 219, 174

HSL

112.0, 38.5%, 77.1%

HSV

112.0, 20.5%, 85.9%

CMYK

17.8%, 0.0%, 20.5%, 14.1%

OKLCH

0.8516 0.0739 141.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#B4DBAE

#D5AEDB

Analogous

#CBDBAE

#AEDBBF

#B4DBAE

Triadic

#B4DBAE

#AEB4DB

#DBAEB4

Split Complementary

#B4DBAE

#BFAEDB

#DBAECB

Tetradic

#B4DBAE

#AECBDB

#D5AEDB

#DBBFAE

Color Blindness Simulation

Original

#B4DBAE

Protanopia

#C5C5B9

Deuteranopia

#C3C0BC

Tritanopia

#B6C1C3

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F3E7
200
#D1E9CE
300
#B1D9AA
400
#86C57C
500
#5CB14E
600
#498D3F
700
#3B7132
800
#2E5827
900
#244120
950
#172914

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026