Dark Brown
What Color is Dark Brown
Dark Brown color is a rich shade of dark brown. Its Hex and RGB values are #654321 and rgb(101, 67, 33), its CMYK values are cmyk(0%, 34%, 67%, 60%), and its HSL values are hsl(30, 51%, 26%). Against white, it has a contrast ratio of 8.83:1, while against black, the contrast ratio is 2.38:1. Its complementary color is #204264 and closest tailwind color is yellow-900. This color goes well with #642020 and #646420.
Color Details
Color Conversions
HEX
#654321RGB
101, 67, 33HSL
30, 51%, 26%CMYK
0%, 34%, 67%, 60%OKLCH
oklch(0.414 0.068 64)Tailwind
yellow-900
Contrast with White8.83:1
AA (Pass)AA Large (Pass)AAA (Pass)
Contrast with Black2.38:1
AA (Fail)AA Large (Fail)AAA (Fail)
Real-time UI Preview
Example Shadcn UI ComponentLoading State
Select Input
Dropdown Menu
Navigation Breadcrumb
Badges
PrimaryOutlineSubtle
CSS Usage
Click snippet to copyText Color
color: #654321;Background
background-color: #654321;Border Color
border-color: #654321;Box Shadow
box-shadow: 0 4px 14px 0 #65432180;Color Harmonies
Hover to expand & click to copyAnalogous
3 Colors
Complementary
2 Colors
Triadic
3 Colors
Split Complementary
3 Colors
Tetradic
4 Colors
Monochromatic
4 Colors
Tints, Shades & Hues
Hover to expand & click to copyTints (towards white)
Shades (towards black)
Hues (around the color wheel)
Color Blindness Simulator
How it appears to different types of color blindnessProtanopia
Red-blind #565629
Deuteranopia
Green-blind #585B2B
Tritanopia
Blue-blind #633031
Achromatopsia
Total color blindness #494949