Coloried

Wenge

Wenge color is a dark shade of dark pale brown. Its hex code is #645452 and rgb code is rgb(100, 84, 82), Its CMYK value is cmyk(0%, 16%, 18%, 61%), and Its HSL value is hsl(7, 10%, 36%). Against white, it has a contrast ratio of 7.16:1, while against black, the contrast ratio is 2.93:1. Its complementary color is #536365 and closest tailwind color is stone-600. This color goes well with #B1AAA0, #B1A0A6, #D3CBCA, #849A91, and #848C9A. If you want to recreate Wenge color, you can mix #000000 and #C8A8A4.

Wenge color code
|
1. Color Conversions
HEX#645452
RGB100, 84, 82
HSL7°, 10%, 36%
HSV7°, 10%, 39%
CMYK0%, 16%, 18%, 61%
Web Safe#666666
2. Contrast Ratio
Text on #FFFFFF7.16:1
AAA LargeAAA Normal
Text on #0000002.93:1
Fail LargeFail Normal
3. Wenge Color Code in CSS
HEX
#645452
RGB
rgb(100, 84, 82)
HSL
hsl(7, 10%, 36%)
Text Color
color: #645452;
Background
background-color: #645452;
Border Color
border-color: #645452;
Box Shadow
box-shadow: 0 4px 14px 0 #64545280;
SCSS
$color-wenge: #645452;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#5D5D52
Deuteranopia#5E5F53
Tritanopia#635353
Achromatopsia#595959
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive