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.