#B4DBB6

#B4DBB6

Color Values

HEX

#B4DBB6

RGB

180, 219, 182

HSL

123.1, 35.1%, 78.2%

HSV

123.1, 17.8%, 85.9%

CMYK

17.8%, 0.0%, 16.9%, 14.1%

OKLCH

0.8535 0.0653 146.3

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#B4DBB6

#DBB4D9

Analogous

#C5DBB4

#B4DBC9

#B4DBB6

Triadic

#B4DBB6

#B6B4DB

#DBB6B4

Split Complementary

#B4DBB6

#C9B4DB

#DBB4C5

Tetradic

#B4DBB6

#B4C5DB

#DBB4D9

#DBC9B4

Color Blindness Simulation

Original

#B4DBB6

Protanopia

#C5C5BF

Deuteranopia

#C3C0C1

Tritanopia

#B6C6C8

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8D0
300
#ACD7AF
400
#80C283
500
#53AC57
600
#428A46
700
#356E38
800
#29562C
900
#214023
950
#152816

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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