pewter Color Codes

Color Preview: Pewter
Pewter Color Values
Related Colors

Complementary

#433933

Analogous

#bcbecd
#bccdcb

Triadic

#cdbcc6
#c6cdbc

Tetradic

#cbbccd
#cdc2bc
#becdbc
HTML Snippets
.element { background-color: #BCC6CC; }
.element { color: #BCC6CC; }

This is how the text color would appear.

<span style="color: #BCC6CC;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black12.09 (AAA)
White1.74 (Fail)
Shades of Pewter
#677c89
#91a1ac
#BCC6CC
#e8ebed
#ffffff
Color Blindness Simulations

Protanopia (Red-Blind)

#c0c0c8

Deuteranopia (Green-Blind)

#c0bfc7

Tritanopia (Blue-Blind)

#bdc2c1

Related Palettes

This color is not part of any predefined palettes.

About pewter

pewter (#BCC6CC) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.