#B3C3BD

#B3C3BD

Color Values

HEX

#B3C3BD

RGB

179, 195, 189

HSL

157.5, 11.8%, 73.3%

HSV

157.5, 8.2%, 76.5%

CMYK

8.2%, 0.0%, 3.1%, 23.5%

OKLCH

0.8032 0.0194 171.4

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#B3C3BD

#C3B3B9

Analogous

#B3C3B5

#B3C1C3

#B3C3BD

Triadic

#B3C3BD

#BDB3C3

#C3BDB3

Split Complementary

#B3C3BD

#C3B3C1

#C3B5B3

Tetradic

#B3C3BD

#B5B3C3

#C3B3B9

#C1C3B3

Color Blindness Simulation

Original

#B3C3BD

Protanopia

#BABABE

Deuteranopia

#B9B8BF

Tritanopia

#B4C0C0

Achromatopsia

#BFBFBF

CSS Usage

background-color: #B3C3BD;
color: #B3C3BD;
border-color: #B3C3BD;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DC
300
#BBC9C4
400
#96ACA3
500
#708F83
600
#5A7269
700
#485B54
800
#384742
900
#2B3632
950
#1B221F

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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