#FFDFB0

#FFDFB0

ค่าสี

HEX

#FFDFB0

RGB

255, 223, 176

HSL

35.7, 100.0%, 84.5%

HSV

35.7, 31.0%, 100.0%

CMYK

0.0%, 12.5%, 31.0%, 0.0%

OKLCH

0.9189 0.0703 77.2

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#FFDFB0

#B0D0FF

สีใกล้เคียง

#FFB7B0

#F7FFB0

#FFDFB0

สามสี

#FFDFB0

#B0FFDF

#DFB0FF

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

#FFDFB0

#B0F7FF

#B7B0FF

สี่สี

#FFDFB0

#B0FFB7

#B0D0FF

#FFB0F7

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

ต้นฉบับ

#FFDFB0

ตาบอดสีแดง

#F1F1BB

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

#F3F5BE

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

#FDC4C6

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

#E2E2E2

การใช้งาน CSS

background-color: #FFDFB0;

color: #FFDFB0;

border-color: #FFDFB0;

Tailwind ที่ใกล้เคียงที่สุด: Orange 200 #FED7AA

เฉดสี Tailwind

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

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

1.28:1

AA Fail AAA Fail

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

16.43:1

AA Pass AAA Pass

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

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

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

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

RGB(255, 223, 176) · HSL(35.7, 100.0%, 84.5%) · CMYK(0.0%, 12.5%, 31.0%, 0.0%)

Does #FFDFB0 meet WCAG contrast on white?

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

What text color is readable on #FFDFB0?

Use 000000 text on a #FFDFB0 background; contrast on black is 16.43:1.