#B6CDCC

#B6CDCC

Color Values

HEX

#B6CDCC

RGB

182, 205, 204

HSL

177,4, 18,7%, 75,9%

HSV

177,4, 11,2%, 80,4%

CMYK

11,2%, 0,0%, 0,5%, 19,6%

OKLCH

0,8308 0,0249 193,5

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B6CDCC

#CDB6B7

Analogous

#B6CDC1

#B6C3CD

#B6CDCC

Triadic

#B6CDCC

#CCB6CD

#CDCCB6

Split Complementary

#B6CDCC

#CDB6C3

#CDC1B6

Tetradic

#B6CDCC

#C1B6CD

#CDB6B7

#C3CDB6

Color Blindness Simulation

Original

#B6CDCC

Protanopia

#C0C0CC

Deuteranopia

#BFBDCC

Tritanopia

#B7CCCC

Achromatopsia

#C8C8C8

CSS Usage

background-color: #B6CDCC;
color: #B6CDCC;
border-color: #B6CDCC;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D5E2E1
300
#B6CDCC
400
#8FB2B1
500
#689795
600
#537977
700
#426160
800
#344C4B
900
#283938
950
#192423

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,59: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