#AC786E

#AC786E

Overview

#AC786E is a warm, light color. In RGB it is 172, 120, 110, in HSL 9.7°, 27.2%, 55.3%, and in CMYK 0.0%, 30.2%, 36.0%, 32.5%. The nearest named color is Beaver.

On this page

ค่าสี

HEX

#AC786E

RGB

172, 120, 110

HSL

9.7, 27.2%, 55.3%

HSV

9.7, 36.0%, 67.5%

CMYK

0.0%, 30.2%, 36.0%, 32.5%

OKLCH

0.6228 0.0676 31.2

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: Beaver

จิตวิทยาสี

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.

ความกลมกลืนของสี

สีตรงข้าม

#AC786E

#6EA2AC

สีใกล้เคียง

#AC6E83

#AC976E

#AC786E

สามสี

#AC786E

#6EAC78

#786EAC

สีตรงข้ามแบบแยก

#AC786E

#6EAC97

#6E83AC

สี่สี

#AC786E

#83AC6E

#6EA2AC

#976EAC

การจำลองตาบอดสี

ต้นฉบับ

#AC786E

ตาบอดสีแดง

#959570

ตาบอดสีเขียว

#989C71

ตาบอดสีน้ำเงิน

#A97273

ตาบอดสีทั้งหมด

#828282

การใช้งาน CSS

background-color: #AC786E;
color: #AC786E;
border-color: #AC786E;
Tailwind ที่ใกล้เคียงที่สุด: Stone 500 #78716C

เฉดสี Tailwind

50
#F9F6F6
100
#F1EAE9
200
#E5D5D2
300
#D2B7B1
400
#BA8F87
500
#A2685D
600
#82534A
700
#68433B
800
#51342E
900
#3C2825
950
#261A17

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

3.71:1

AA Fail AAA Fail

ข้อความบนพื้นดำ

5.67:1

AA Pass AAA Fail

เปรียบเทียบกับ

#AC786E
#6EA2AC
#AC786E
#FFFFFF
#000000
#AC786E

บทความที่เกี่ยวข้อง

บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026
บทเรียนแนะนำ

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

คำถามที่พบบ่อย

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

RGB(172, 120, 110) · HSL(9.7, 27.2%, 55.3%) · CMYK(0.0%, 30.2%, 36.0%, 32.5%)

Does #AC786E meet WCAG contrast on white?

3.71:1 — WCAG AA ไม่ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #AC786E?

Use 000000 text on a #AC786E background; contrast on black is 5.67:1.