#C4786B

#C4786B

Overview

#C4786B is a warm, light color. In RGB it is 196, 120, 107, in HSL 8.8°, 43.0%, 59.4%, and in CMYK 0.0%, 38.8%, 45.4%, 23.1%. The nearest named color is lightsalmon 3.

On this page

ค่าสี

HEX

#C4786B

RGB

196, 120, 107

HSL

8.8, 43.0%, 59.4%

HSV

8.8, 45.4%, 76.9%

CMYK

0.0%, 38.8%, 45.4%, 23.1%

OKLCH

0.6509 0.0981 30.4

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#C4786B

#6BB7C4

สีใกล้เคียง

#C46B8A

#C4A56B

#C4786B

สามสี

#C4786B

#6BC478

#786BC4

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

#C4786B

#6BC4A5

#6B8AC4

สี่สี

#C4786B

#8AC46B

#6BB7C4

#A56BC4

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

ต้นฉบับ

#C4786B

ตาบอดสีแดง

#A3A26E

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

#A8AD6F

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

#C07171

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

#878787

การใช้งาน CSS

background-color: #C4786B;
color: #C4786B;
border-color: #C4786B;
Tailwind ที่ใกล้เคียงที่สุด: Red 300 #FCA5A5

เฉดสี Tailwind

50
#FAF5F5
100
#F4E9E7
200
#EBD0CC
300
#DCAFA7
400
#C98478
500
#B65949
600
#92473A
700
#75392F
800
#5B2C24
900
#43231E
950
#2A1613

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

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

3.36:1

AA Fail AAA Fail

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

6.25:1

AA Pass AAA Fail

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

#C4786B
#6BB7C4
#C4786B
#FFFFFF
#000000
#C4786B

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

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

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

RGB(196, 120, 107) · HSL(8.8, 43.0%, 59.4%) · CMYK(0.0%, 38.8%, 45.4%, 23.1%)

Does #C4786B meet WCAG contrast on white?

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

What text color is readable on #C4786B?

Use 000000 text on a #C4786B background; contrast on black is 6.25:1.