#AF796A

#AF796A

Overview

#AF796A is a warm, light color. In RGB it is 175, 121, 106, in HSL 13.0°, 30.1%, 55.1%, and in CMYK 0.0%, 30.9%, 39.4%, 31.4%. The nearest named color is RAL 3012 Beige Red.

On this page

ค่าสี

HEX

#AF796A

RGB

175, 121, 106

HSL

13.0, 30.1%, 55.1%

HSV

13.0, 39.4%, 68.6%

CMYK

0.0%, 30.9%, 39.4%, 31.4%

OKLCH

0.6272 0.0719 36.2

คุณสมบัติ

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

จิตวิทยาสี

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

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

สีตรงข้าม

#AF796A

#6AA0AF

สีใกล้เคียง

#AF6A7E

#AF9B6A

#AF796A

สามสี

#AF796A

#6AAF79

#796AAF

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

#AF796A

#6AAF9B

#6A7EAF

สี่สี

#AF796A

#7EAF6A

#6AA0AF

#9B6AAF

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

ต้นฉบับ

#AF796A

ตาบอดสีแดง

#98976E

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

#9B9F6E

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

#AC7071

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

#838383

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F9F6F5
100
#F2EBE9
200
#E6D5D1
300
#D4B7AF
400
#BD9184
500
#A66A59
600
#855547
700
#6A4439
800
#53352D
900
#3E2923
950
#271A16

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

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

3.64:1

AA Fail AAA Fail

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

5.77:1

AA Pass AAA Fail

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

#AF796A
#6AA0AF
#AF796A
#FFFFFF
#000000
#AF796A

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

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

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 #AF796A?

RGB(175, 121, 106) · HSL(13.0, 30.1%, 55.1%) · CMYK(0.0%, 30.9%, 39.4%, 31.4%)

Does #AF796A meet WCAG contrast on white?

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

What text color is readable on #AF796A?

Use 000000 text on a #AF796A background; contrast on black is 5.77:1.