#B3DAD7

#B3DAD7

Color Values

HEX

#B3DAD7

RGB

179, 218, 215

HSL

175.4, 34.5%, 77.8%

HSV

175.4, 17.9%, 85.5%

CMYK

17.9%, 0.0%, 1.4%, 14.5%

OKLCH

0.8596 0.0411 190.7

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#B3DAD7

#DAB3B6

Analogous

#B3DAC3

#B3C9DA

#B3DAD7

Triadic

#B3DAD7

#D7B3DA

#DAD7B3

Split Complementary

#B3DAD7

#DAB3C9

#DAC3B3

Tetradic

#B3DAD7

#C3B3DA

#DAB3B6

#C9DAB3

Color Blindness Simulation

Original

#B3DAD7

Protanopia

#C4C4D8

Deuteranopia

#C2BFD8

Tritanopia

#B5D8D8

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ADD7D4
400
#80C1BC
500
#54ABA5
600
#438984
700
#356E69
800
#2A5652
900
#213F3D
950
#152827

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