#B2DAD4

#B2DAD4

Color Values

HEX

#B2DAD4

RGB

178, 218, 212

HSL

171.0, 35.1%, 77.6%

HSV

171.0, 18.3%, 85.5%

CMYK

18.3%, 0.0%, 2.8%, 14.5%

OKLCH

0.8581 0.0427 185.3

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#B2DAD4

#DAB2B8

Analogous

#B2DAC0

#B2CCDA

#B2DAD4

Triadic

#B2DAD4

#D4B2DA

#DAD4B2

Split Complementary

#B2DAD4

#DAB2CC

#DAC0B2

Tetradic

#B2DAD4

#C0B2DA

#DAB2B8

#CCDAB2

Color Blindness Simulation

Original

#B2DAD4

Protanopia

#C3C4D5

Deuteranopia

#C1BED6

Tritanopia

#B4D7D7

Achromatopsia

#D1D1D1

CSS Usage

background-color: #B2DAD4;
color: #B2DAD4;
border-color: #B2DAD4;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE8E4
300
#ACD7D1
400
#80C2B8
500
#53AC9F
600
#428A7F
700
#356E66
800
#29564F
900
#21403B
950
#152825

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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