#B5CDC9

#B5CDC9

Color Values

HEX

#B5CDC9

RGB

181, 205, 201

HSL

170.0, 19.4%, 75.7%

HSV

170.0, 11.7%, 80.4%

CMYK

11.7%, 0.0%, 2.0%, 19.6%

OKLCH

0.8292 0.0265 184.6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B5CDC9

#CDB5B9

Analogous

#B5CDBD

#B5C5CD

#B5CDC9

Triadic

#B5CDC9

#C9B5CD

#CDC9B5

Split Complementary

#B5CDC9

#CDB5C5

#CDBDB5

Tetradic

#B5CDC9

#BDB5CD

#CDB5B9

#C5CDB5

Color Blindness Simulation

Original

#B5CDC9

Protanopia

#BFC0CA

Deuteranopia

#BEBCCA

Tritanopia

#B6CBCB

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2E0
300
#B6CECA
400
#8EB3AD
500
#679890
600
#527A73
700
#42615C
800
#334C48
900
#283936
950
#192422

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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