#E5AF4D

#E5AF4D

Overview

#E5AF4D is a warm, light color. In RGB it is 229, 175, 77, in HSL 38.7°, 74.5%, 60.0%, and in CMYK 0.0%, 23.6%, 66.4%, 10.2%. The nearest named color is NCS S 1050-Y20R Golden.

On this page

ค่าสี

HEX

#E5AF4D

RGB

229, 175, 77

HSL

38.7, 74.5%, 60.0%

HSV

38.7, 66.4%, 89.8%

CMYK

0.0%, 23.6%, 66.4%, 10.2%

OKLCH

0.7858 0.13 79.7

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: NCS S 1050-Y20R Golden

จิตวิทยาสี

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.

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

สีตรงข้าม

#E5AF4D

#4D83E5

สีใกล้เคียง

#E5634D

#CFE54D

#E5AF4D

สามสี

#E5AF4D

#4DE5AF

#AF4DE5

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

#E5AF4D

#4DCFE5

#634DE5

สี่สี

#E5AF4D

#4DE563

#4D83E5

#E54DCF

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

ต้นฉบับ

#E5AF4D

ตาบอดสีแดง

#CECD65

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

#D1D56A

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

#E2777C

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

#B3B3B3

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FCF9F3
100
#F8F0E2
200
#F6E3C1
300
#EFCF94
400
#E7B55A
500
#DE9B21
600
#B27C1A
700
#8E6315
800
#6F4E10
900
#513A10
950
#33250A

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

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

1.99:1

AA Fail AAA Fail

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

10.57:1

AA Pass AAA Pass

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

#E5AF4D
#4D83E5
#E5AF4D
#FFFFFF
#000000
#E5AF4D

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

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

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

RGB(229, 175, 77) · HSL(38.7, 74.5%, 60.0%) · CMYK(0.0%, 23.6%, 66.4%, 10.2%)

Does #E5AF4D meet WCAG contrast on white?

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

What text color is readable on #E5AF4D?

Use 000000 text on a #E5AF4D background; contrast on black is 10.57:1.