#AB695C

#AB695C

Overview

#AB695C is a warm, light color. In RGB it is 171, 105, 92, in HSL 9.9°, 32.0%, 51.6%, and in CMYK 0.0%, 38.6%, 46.2%, 32.9%. The nearest named color is Sepia.

On this page

ค่าสี

HEX

#AB695C

RGB

171, 105, 92

HSL

9.9, 32.0%, 51.6%

HSV

9.9, 46.2%, 67.1%

CMYK

0.0%, 38.6%, 46.2%, 32.9%

OKLCH

0.5897 0.0878 31.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#AB695C

#5C9EAB

สีใกล้เคียง

#AB5C77

#AB915C

#AB695C

สามสี

#AB695C

#5CAB69

#695CAB

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

#AB695C

#5CAB91

#5C77AB

สี่สี

#AB695C

#77AB5C

#5C9EAB

#915CAB

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

ต้นฉบับ

#AB695C

ตาบอดสีแดง

#8E8E5F

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

#929760

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

#A86262

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

#767676

การใช้งาน CSS

background-color: #AB695C;
color: #AB695C;
border-color: #AB695C;
Tailwind ที่ใกล้เคียงที่สุด: Yellow 900 #713F12

เฉดสี Tailwind

50
#F9F6F5
100
#F2EAE8
200
#E7D4D0
300
#D5B5AE
400
#BF8C82
500
#A86457
600
#875045
700
#6C4037
800
#54322B
900
#3E2722
950
#271916

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

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

4.28:1

AA Fail AAA Fail

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

4.91:1

AA Pass AAA Fail

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

#AB695C
#5C9EAB
#AB695C
#FFFFFF
#000000
#AB695C

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

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

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

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

ม.ค. 21, 2026

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

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

RGB(171, 105, 92) · HSL(9.9, 32.0%, 51.6%) · CMYK(0.0%, 38.6%, 46.2%, 32.9%)

Does #AB695C meet WCAG contrast on white?

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

What text color is readable on #AB695C?

Use 000000 text on a #AB695C background; contrast on black is 4.91:1.