#FFAF8A

#FFAF8A

Overview

#FFAF8A is a warm, light color. In RGB it is 255, 175, 138, in HSL 19.0°, 100.0%, 77.1%, and in CMYK 0.0%, 31.4%, 45.9%, 0.0%. The nearest named color is NCS S 0530-Y90R Light Orange.

On this page

ค่าสี

HEX

#FFAF8A

RGB

255, 175, 138

HSL

19.0, 100.0%, 77.1%

HSV

19.0, 45.9%, 100.0%

CMYK

0.0%, 31.4%, 45.9%, 0.0%

OKLCH

0.8225 0.1067 45.6

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: NCS S 0530-Y90R Light Orange

จิตวิทยาสี

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

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

สีตรงข้าม

#FFAF8A

#8ADAFF

สีใกล้เคียง

#FF8AA0

#FFEA8A

#FFAF8A

สามสี

#FFAF8A

#8AFFAF

#AF8AFF

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

#FFAF8A

#8AFFEA

#8AA0FF

สี่สี

#FFAF8A

#A0FF8A

#8ADAFF

#EA8AFF

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

ต้นฉบับ

#FFAF8A

ตาบอดสีแดง

#DCDC93

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

#E1E795

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

#FB9A9C

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

#BDBDBD

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FEF5F1
100
#FCE8DE
200
#FFCEB8
300
#FFAB85
400
#FF7E42
500
#FF5100
600
#CC4100
700
#A33400
800
#802800
900
#5C2005
950
#3A1503

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

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

1.79:1

AA Fail AAA Fail

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

11.75:1

AA Pass AAA Pass

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

#FFAF8A
#8ADAFF
#FFAF8A
#FFFFFF
#000000
#FFAF8A

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

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

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

RGB(255, 175, 138) · HSL(19.0, 100.0%, 77.1%) · CMYK(0.0%, 31.4%, 45.9%, 0.0%)

Does #FFAF8A meet WCAG contrast on white?

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

What text color is readable on #FFAF8A?

Use 000000 text on a #FFAF8A background; contrast on black is 11.75:1.