#F4C5AF

#F4C5AF

Overview

#F4C5AF is a warm, light color. In RGB it is 244, 197, 175, in HSL 19.1°, 75.8%, 82.2%, and in CMYK 0.0%, 19.3%, 28.3%, 4.3%. The nearest named color is Desert Sand.

On this page

ค่าสี

HEX

#F4C5AF

RGB

244, 197, 175

HSL

19.1, 75.8%, 82.2%

HSV

19.1, 28.3%, 95.7%

CMYK

0.0%, 19.3%, 28.3%, 4.3%

OKLCH

0.859 0.0617 46.4

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#F4C5AF

#AFDEF4

สีใกล้เคียง

#F4AFBC

#F4E8AF

#F4C5AF

สามสี

#F4C5AF

#AFF4C5

#C5AFF4

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

#F4C5AF

#AFF4E8

#AFBCF4

สี่สี

#F4C5AF

#BCF4AF

#AFDEF4

#E8AFF4

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

ต้นฉบับ

#F4C5AF

ตาบอดสีแดง

#E0DFB4

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

#E2E6B6

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

#F2B9B9

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

#CDCDCD

การใช้งาน CSS

background-color: #F4C5AF;
color: #F4C5AF;
border-color: #F4C5AF;
Tailwind ที่ใกล้เคียงที่สุด: Red 200 #FECACA

เฉดสี Tailwind

50
#FCF6F2
100
#F9E9E2
200
#F6D1C0
300
#F0B193
400
#E88759
500
#E05C1F
600
#B34A19
700
#8F3B14
800
#702E0F
900
#52240F
950
#33170A

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

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

1.56:1

AA Fail AAA Fail

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

13.45:1

AA Pass AAA Pass

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

#F4C5AF
#AFDEF4
#F4C5AF
#FFFFFF
#000000
#F4C5AF

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

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

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

RGB(244, 197, 175) · HSL(19.1, 75.8%, 82.2%) · CMYK(0.0%, 19.3%, 28.3%, 4.3%)

Does #F4C5AF meet WCAG contrast on white?

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

What text color is readable on #F4C5AF?

Use 000000 text on a #F4C5AF background; contrast on black is 13.45:1.