#BCC3AF

#BCC3AF

Color Values

HEX

#BCC3AF

RGB

188, 195, 175

HSL

81.0, 14.3%, 72.5%

HSV

81.0, 10.3%, 76.5%

CMYK

3.6%, 0.0%, 10.3%, 23.5%

OKLCH

0.8061 0.0286 122.8

Properties

Cool Light Nearest: RAL 7044 Silk Grey

Color Harmonies

Complementary

#BCC3AF

#B6AFC3

Analogous

#C3C0AF

#B2C3AF

#BCC3AF

Triadic

#BCC3AF

#AFBCC3

#C3AFBC

Split Complementary

#BCC3AF

#AFB2C3

#C0AFC3

Tetradic

#BCC3AF

#AFC3C0

#B6AFC3

#C3AFB2

Color Blindness Simulation

Original

#BCC3AF

Protanopia

#BFBFB4

Deuteranopia

#BFBEB5

Tritanopia

#BCB8B8

Achromatopsia

#C0C0C0

CSS Usage

background-color: #BCC3AF;
color: #BCC3AF;
border-color: #BCC3AF;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE0D6
300
#C4CBB9
400
#A5AE93
500
#85926D
600
#6A7557
700
#555D46
800
#424937
900
#32372A
950
#20231B

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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