#C7AA87

#C7AA87

Overview

#C7AA87 is a warm, light color. In RGB it is 199, 170, 135, in HSL 32.8°, 36.4%, 65.5%, and in CMYK 0.0%, 14.6%, 32.2%, 22.0%. The nearest named color is navajowhite 3.

On this page

ค่าสี

HEX

#C7AA87

RGB

199, 170, 135

HSL

32.8, 36.4%, 65.5%

HSV

32.8, 32.2%, 78.0%

CMYK

0.0%, 14.6%, 32.2%, 22.0%

OKLCH

0.7547 0.0584 72.0

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#C7AA87

#87A4C7

สีใกล้เคียง

#C78A87

#C4C787

#C7AA87

สามสี

#C7AA87

#87C7AA

#AA87C7

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

#C7AA87

#87C4C7

#8A87C7

สี่สี

#C7AA87

#87C78A

#87A4C7

#C787C4

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

ต้นฉบับ

#C7AA87

ตาบอดสีแดง

#BABA8F

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

#BCBE92

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

#C69698

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

#AEAEAE

การใช้งาน CSS

background-color: #C7AA87;
color: #C7AA87;
border-color: #C7AA87;
Tailwind ที่ใกล้เคียงที่สุด: Orange 200 #FED7AA

เฉดสี Tailwind

50
#FAF8F5
100
#F3EEE8
200
#E8DDCE
300
#D8C4AC
400
#C3A47E
500
#AE8451
600
#8B6941
700
#6F5434
800
#574229
900
#403221
950
#292015

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

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

2.2:1

AA Fail AAA Fail

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

9.53:1

AA Pass AAA Pass

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

#C7AA87
#87A4C7
#C7AA87
#FFFFFF
#000000
#C7AA87

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

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

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

RGB(199, 170, 135) · HSL(32.8, 36.4%, 65.5%) · CMYK(0.0%, 14.6%, 32.2%, 22.0%)

Does #C7AA87 meet WCAG contrast on white?

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

What text color is readable on #C7AA87?

Use 000000 text on a #C7AA87 background; contrast on black is 9.53:1.