Brown#A52A2A

Brown Hex Code: #A52A2A

Brown is a dark, moderately saturated brown. Its OKLCH lightness is 48% and chroma 0.160. Text on this color reads best in white (contrast 7.08:1).

HEX	`#A52A2A`
RGB	`rgb(165, 42, 42)`
HSL	`hsl(0, 59%, 41%)`
HSV / HSB	`hsv(0, 75%, 65%)`
CMYK	`cmyk(0%, 75%, 75%, 35%)`
OKLCH	`oklch(48.1% 0.16 25.6)`

Open in converter →

Contrast

White text7.08:1

AAAA largeAAA

Black text2.96:1

AAAA largeAAA

On white7.08:1

AAAA largeAAA

On black2.96:1

AAAA largeAAA

Tints

#AD3D3D#B55050#BD6464#C57777#CE8A8A#D69D9D#DEB0B0#E6C3C3Baby Pink#EED7D7#F6EAEAMisty Rose

Shades

#962626Ruby Red#872222#781F1F#6A1B1B#5B1717#4C1313#3D1010#2E0C0C#1F0808#110404

Matching colors

Complementary

#A52A2ABrown#2AA5A5

Analogous

#A52A2ABrown#A52A68#A5682A

Triadic

#A52A2ABrown#2AA52A#2A2AA5

Split complementary

#A52A2ABrown#2AA568#2A68A5Sapphire Blue

Similar named colors

Firebrick#B22222Wine Red#B11226Ruby Red#9B111ERust#B7410ESaddle Brown#8B4513Sienna#A0522DDark Red#8B0000Brick Red#CB4154

All color names →

Code

CSS	`color: #A52A2A;`
Tailwind	`bg-[#a52a2a]`
SwiftUI	`Color(red: 0.647, green: 0.165, blue: 0.165)`
Android	`Color.parseColor("#A52A2A")`
Flutter	`Color(0xFFA52A2A)`

Brown is a CSS named color (brown); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for brown?

Brown is #A52A2A in hex and rgb(165, 42, 42) in RGB.

What is brown in CMYK?

With the plain conversion formula it is cmyk(0, 75, 75, 35). For print, convert with your printer's ICC profile instead.

What text color works on brown?

White text has the higher contrast at 7.08:1, which passes WCAG AA for normal text (4.5:1).