#B3DDB6

#B3DDB6

Color Values

HEX

#B3DDB6

RGB

179, 221, 182

HSL

124.3, 38.2%, 78.4%

HSV

124.3, 19.0%, 86.7%

CMYK

19.0%, 0.0%, 17.6%, 13.3%

OKLCH

0.8571 0.0692 146.8

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#B3DDB6

#DDB3DA

Analogous

#C5DDB3

#B3DDCB

#B3DDB6

Triadic

#B3DDB6

#B6B3DD

#DDB6B3

Split Complementary

#B3DDB6

#CBB3DD

#DDB3C5

Tetradic

#B3DDB6

#B3C5DD

#DDB3DA

#DDCBB3

Color Blindness Simulation

Original

#B3DDB6

Protanopia

#C5C6BF

Deuteranopia

#C3C0C2

Tritanopia

#B5C7C9

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#AAD9AE
400
#7DC582
500
#4FB056
600
#3F8D45
700
#327137
800
#27582B
900
#204122
950
#142916

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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