#E4AB4D

#E4AB4D

Overview

#E4AB4D is a warm, light color. In RGB it is 228, 171, 77, in HSL 37.4°, 73.7%, 59.8%, and in CMYK 0.0%, 25.0%, 66.2%, 10.6%. The nearest named color is RAL 1034 Pastel Yellow.

On this page

ค่าสี

HEX

#E4AB4D

RGB

228, 171, 77

HSL

37.4, 73.7%, 59.8%

HSV

37.4, 66.2%, 89.4%

CMYK

0.0%, 25.0%, 66.2%, 10.6%

OKLCH

0.7771 0.1285 77.2

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#E4AB4D

#4D86E4

สีใกล้เคียง

#E4604D

#D1E44D

#E4AB4D

สามสี

#E4AB4D

#4DE4AB

#AB4DE4

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

#E4AB4D

#4DD1E4

#604DE4

สี่สี

#E4AB4D

#4DE460

#4D86E4

#E44DD1

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

ต้นฉบับ

#E4AB4D

ตาบอดสีแดง

#CBCB64

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

#CFD369

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

#E1767A

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

#B0B0B0

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FCF9F3
100
#F8F0E2
200
#F6E2C1
300
#EFCD95
400
#E6B25B
500
#DD9722
600
#B1791B
700
#8E6015
800
#6F4B11
900
#513810
950
#33240A

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

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

2.05:1

AA Fail AAA Fail

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

10.23:1

AA Pass AAA Pass

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

#E4AB4D
#4D86E4
#E4AB4D
#FFFFFF
#000000
#E4AB4D

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

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

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

RGB(228, 171, 77) · HSL(37.4, 73.7%, 59.8%) · CMYK(0.0%, 25.0%, 66.2%, 10.6%)

Does #E4AB4D meet WCAG contrast on white?

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

What text color is readable on #E4AB4D?

Use 000000 text on a #E4AB4D background; contrast on black is 10.23:1.