#B6DCD0

#B6DCD0

Color Values

HEX

#B6DCD0

RGB

182, 220, 208

HSL

161.1, 35.2%, 78.8%

HSV

161.1, 17.3%, 86.3%

CMYK

17.3%, 0.0%, 5.5%, 13.7%

OKLCH

0.8638 0.0432 174.1

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B6DCD0

#DCB6C2

Analogous

#B6DCBD

#B6D5DC

#B6DCD0

Triadic

#B6DCD0

#D0B6DC

#DCD0B6

Split Complementary

#B6DCD0

#DCB6D5

#DCBDB6

Tetradic

#B6DCD0

#BDB6DC

#DCB6C2

#D5DCB6

Color Blindness Simulation

Original

#B6DCD0

Protanopia

#C6C7D3

Deuteranopia

#C4C1D4

Tritanopia

#B8D5D6

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE8E0
300
#ACD7CA
400
#7FC2AD
500
#53AC90
600
#428A73
700
#356E5C
800
#295648
900
#214036
950
#152822

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026