Coloried

Light Brown

Light Brown color is a balanced shade of muted brown. Its hex code is #C4A484 and rgb code is rgb(196, 164, 132), Its CMYK value is cmyk(0%, 16%, 33%, 23%), and Its HSL value is hsl(30, 35%, 64%). Against white, it has a contrast ratio of 2.34:1, while against black, the contrast ratio is 8.99:1. Its complementary color is #83A3C3 and closest tailwind color is stone-400. This color goes well with #757538, #753838, #41301F, #499797, and #494997. To recreate the Light Brown color, you can mix #FFFFFF and #894909.

Light Brown color code
|
1. Color Conversions
HEX#C4A484
RGB196, 164, 132
HSL30°, 35%, 64%
HSV30°, 35%, 77%
CMYK0%, 16%, 33%, 23%
Web Safe#CC9999
2. Contrast Ratio
Text on #FFFFFF2.34:1
Fail LargeFail Normal
Text on #0000008.99:1
AAA LargeAAA Normal
3. Light Brown Color Code in CSS
HEX
#C4A484
RGB
rgb(196, 164, 132)
HSL
hsl(30, 35%, 64%)
Text Color
color: #C4A484;
Background
background-color: #C4A484;
Border Color
border-color: #C4A484;
Box Shadow
box-shadow: 0 4px 14px 0 #C4A48480;
SCSS
$color-light-brown: #C4A484;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B6B68C
Deuteranopia#B8BA8E
Tritanopia#C29293
Achromatopsia#AAAAAA
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive