Coloried

Brown

Brown color is a bold shade of dark brown. Its hex code is #964B00 and rgb code is rgb(150, 75, 0), Its CMYK value is cmyk(0%, 50%, 100%, 41%), and Its HSL value is hsl(30, 100%, 29%). Against white, it has a contrast ratio of 6.36:1, while against black, the contrast ratio is 3.30:1. Complementary color is #004A94 and closest tailwind color is amber-800. This color goes well with #FFFF2E, #FF2E2E, #FFBD7A, #00FAFA, and #0000FA. To recreate the Brown color, you can mix #FF0000 and #2D9600.

Brown color code
|
1. Color Conversions
HEX#964B00
RGB150, 75, 0
HSL30°, 100%, 29%
HSV30°, 100%, 59%
CMYK0%, 50%, 100%, 41%
Web Safe#993300
2. Contrast Ratio
Text on #FFFFFF6.36:1
AAA LargeAAA Normal
Text on #0000003.30:1
AAA LargeFail Normal
3. Brown Color Code in CSS
HEX
#964B00
RGB
rgb(150, 75, 0)
HSL
hsl(30, 100%, 29%)
Text Color
color: #964B00;
Background
background-color: #964B00;
Border Color
border-color: #964B00;
Box Shadow
box-shadow: 0 4px 14px 0 #964B0080;
SCSS
$color-brown: #964B00;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#767512
Deuteranopia#7A8017
Tritanopia#922024
Achromatopsia#595959
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive