Coloried

Walnut

Walnut color is a clear shade of dark brown. Its hex code is #773F1A and rgb code is rgb(119, 63, 26), Its CMYK value is cmyk(0%, 47%, 78%, 53%), and Its HSL value is hsl(24, 64%, 28%). Against white, it has a contrast ratio of 8.37:1, while against black, the contrast ratio is 2.51:1. Its complementary color is #1A5175 and closest tailwind color is yellow-900. This color goes well with #D8CB4F, #D84F5D, #E6B18E, #2CC9B9, and #2C3CC9. If you want to recreate Walnut color, you can mix #000000 and #EE7E34.

Walnut color code
|
1. Color Conversions
HEX#773F1A
RGB119, 63, 26
HSL24°, 64%, 28%
HSV24°, 64%, 47%
CMYK0%, 47%, 78%, 53%
Web Safe#663333
2. Contrast Ratio
Text on #FFFFFF8.37:1
AAA LargeAAA Normal
Text on #0000002.51:1
Fail LargeFail Normal
3. Walnut Color Code in CSS
HEX
#773F1A
RGB
rgb(119, 63, 26)
HSL
hsl(24, 64%, 28%)
Text Color
color: #773F1A;
Background
background-color: #773F1A;
Border Color
border-color: #773F1A;
Box Shadow
box-shadow: 0 4px 14px 0 #773F1A80;
SCSS
$color-walnut: #773F1A;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#5F5E23
Deuteranopia#626625
Tritanopia#742A2C
Achromatopsia#4C4C4C
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive