#E9B167

#E9B167

Overview

#E9B167 is a warm, light color. In RGB it is 233, 177, 103, in HSL 34.2°, 74.7%, 65.9%, and in CMYK 0.0%, 24.0%, 55.8%, 8.6%. The nearest named color is NCS S 1040-Y40R Peach.

On this page

ค่าสี

HEX

#E9B167

RGB

233, 177, 103

HSL

34.2, 74.7%, 65.9%

HSV

34.2, 55.8%, 91.4%

CMYK

0.0%, 24.0%, 55.8%, 8.6%

OKLCH

0.7969 0.1125 72.7

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: NCS S 1040-Y40R Peach

จิตวิทยาสี

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.

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

สีตรงข้าม

#E9B167

#679FE9

สีใกล้เคียง

#E97067

#E0E967

#E9B167

สามสี

#E9B167

#67E9B1

#B167E9

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

#E9B167

#67E0E9

#7067E9

สี่สี

#E9B167

#67E970

#679FE9

#E967E0

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

ต้นฉบับ

#E9B167

ตาบอดสีแดง

#D1D079

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

#D4D87D

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

#E6878A

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

#B8B8B8

การใช้งาน CSS

background-color: #E9B167;
color: #E9B167;
border-color: #E9B167;
Tailwind ที่ใกล้เคียงที่สุด: Orange 300 #FDBA74

เฉดสี Tailwind

50
#FCF8F2
100
#F8EFE2
200
#F6DFC1
300
#F0C894
400
#E7AB5A
500
#DF8D20
600
#B2711A
700
#8F5A15
800
#6F4610
900
#513510
950
#33210A

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

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

1.92:1

AA Fail AAA Fail

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

10.95:1

AA Pass AAA Pass

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

#E9B167
#679FE9
#E9B167
#FFFFFF
#000000
#E9B167

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

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

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

RGB(233, 177, 103) · HSL(34.2, 74.7%, 65.9%) · CMYK(0.0%, 24.0%, 55.8%, 8.6%)

Does #E9B167 meet WCAG contrast on white?

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

What text color is readable on #E9B167?

Use 000000 text on a #E9B167 background; contrast on black is 10.95:1.