#9ca49e
≈ PewterColor-Conversion
HEX #9ca49e
HSL 135, 4, 63
RGB 156, 164, 158
XYZ 33, 36, 38
CMYK 5, 0, 4, 36
LUV 67,6,8,
LAB 67, -4, 2
HWB 135, 61, 36
Variations
The purpose of this section is to accurately produce tints (pure white added) and shades (pure black added) of your selected color in 10% increments.
Shades
#9ca49e
#8c948e
#7d837e
#6d736f
#5e625f
#4e524f
#3e423f
#2f312f
#1f2120
#101010
#000000
Tints
#9ca49e
#a6ada8
#b0b6b1
#babfbb
#c4c8c5
#ced2cf
#d7dbd8
#e1e4e2
#ebedec
#f5f6f5
#ffffff
Color Combinations
Each harmony has its own mood. Use harmonies to brainstorm color combos that work well together.
Complement
A color and its opposite on the color wheel, +180 degrees of hue. High contrast.
#9ca49e
#a49ca2
Split-complementary
A color and two adjacent to its complement, +/-30 degrees of hue from the value opposite the main color. Bold like a straight complement, but more versatile.
#9ca49e
#9ca0a4
#a49c9d
Triadic
Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.
#9ca49e
#9e9ca4
#a49e9c
Analogous
Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#9ca49e
#9ca49d
#9ca49f
Monochromatic
Three colors of the same hue with luminance values +/-50%. Subtle and refined.
#9ca49e
#edf9f0
#4b4f4c
Tetradic
Two sets of complementary colors, separated by 60 degrees of hue.
#9ca49e
#9c9ea4
#a49ca2
#a4a29c
Contrast checker
Text Color
Background Color
Contrast
2.56
Very poor
Small text
Large text
Poor contrast for all text sizes.