#B5CDCE

#B5CDCE

Color Values

HEX

#B5CDCE

RGB

181, 205, 206

HSL

182,4, 20,3%, 75,9%

HSV

182,4, 12,1%, 80,8%

CMYK

12,1%, 0,5%, 0,0%, 19,2%

OKLCH

0,8307 0,0259 199,7

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B5CDCE

#CEB6B5

Analogous

#B5CEC3

#B5C1CE

#B5CDCE

Triadic

#B5CDCE

#CEB5CD

#CDCEB5

Split Complementary

#B5CDCE

#CEB5C1

#CEC3B5

Tetradic

#B5CDCE

#C3B5CE

#CEB6B5

#C1CEB5

Color Blindness Simulation

Original

#B5CDCE

Protanopia

#BFC0CE

Deuteranopia

#BEBCCE

Tritanopia

#B6CECE

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCE
400
#8DB2B4
500
#669799
600
#51797B
700
#416162
800
#334C4D
900
#283939
950
#192424

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

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