#B3DDB4

#B3DDB4

Color Values

HEX

#B3DDB4

RGB

179, 221, 180

HSL

121.4, 38.2%, 78.4%

HSV

121.4, 19.0%, 86.7%

CMYK

19.0%, 0.0%, 18.6%, 13.3%

OKLCH

0.8567 0.0713 145.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#B3DDB4

#DDB3DC

Analogous

#C7DDB3

#B3DDC9

#B3DDB4

Triadic

#B3DDB4

#B4B3DD

#DDB4B3

Split Complementary

#B3DDB4

#C9B3DD

#DDB3C7

Tetradic

#B3DDB4

#B3C7DD

#DDB3DC

#DDC9B3

Color Blindness Simulation

Original

#B3DDB4

Protanopia

#C5C6BE

Deuteranopia

#C3C0C0

Tritanopia

#B5C6C7

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9CE
300
#AAD9AC
400
#7DC57E
500
#4FB051
600
#3F8D41
700
#327134
800
#275829
900
#204121
950
#142915

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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