brown

#A52A2A

CSS color

Brown (#A52A2A) is a medium-dark red-brown CSS named color, technically a very dark, low-saturation red perceptually organized as brown by the human visual system. It evokes rich soil, tree bark, coffee, and leather—materials deeply embedded in the human experience of the natural world. It communicates earthy reliability and warmth across nearly all cultures.

색상 값

HEX

#A52A2A

RGB

165, 42, 42

HSL

0.0, 59.4%, 40.6%

HSV

0.0, 74.5%, 64.7%

CMYK

0.0%, 74.5%, 74.5%, 35.3%

OKLCH

0.4806 0.1597 25.6

속성

따뜻한 어두운 가장 가까운: brown

색채 심리학

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

색상 조화

색각 이상 시뮬레이션

CSS 사용법

background-color: #A52A2A;
color: #A52A2A;
border-color: #A52A2A;
가장 가까운 Tailwind: Red 800 #991B1B

Tailwind 쉐이드

대비 검사기

흰색 배경 텍스트

7.08:1

AA Pass AAA Pass

검정 배경 텍스트

2.96:1

AA Fail AAA Fail

비교하기

관련 글

자주 묻는 질문

What are the RGB, HSL, and CMYK values of #A52A2A?

RGB(165, 42, 42) · HSL(0.0, 59.4%, 40.6%) · CMYK(0.0%, 74.5%, 74.5%, 35.3%)

Does #A52A2A meet WCAG contrast on white?

7.08:1 — WCAG AA 통과, AAA 통과 for normal text.

What text color is readable on #A52A2A?

Use FFFFFF text on a #A52A2A background; contrast on black is 2.96:1.