#DDB99A

#DDB99A

Overview

#DDB99A is a warm, light color. In RGB it is 221, 185, 154, in HSL 27.8°, 49.6%, 73.5%, and in CMYK 0.0%, 16.3%, 30.3%, 13.3%. The nearest named color is peachpuff 3.

On this page

ค่าสี

HEX

#DDB99A

RGB

221, 185, 154

HSL

27.8, 49.6%, 73.5%

HSV

27.8, 30.3%, 86.7%

CMYK

0.0%, 16.3%, 30.3%, 13.3%

OKLCH

0.8094 0.059 62.6

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#DDB99A

#9ABEDD

สีใกล้เคียง

#DD9A9C

#DDDA9A

#DDB99A

สามสี

#DDB99A

#9ADDB9

#B99ADD

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

#DDB99A

#9ADDDA

#9A9CDD

สี่สี

#DDB99A

#9CDD9A

#9ABEDD

#DA9ADD

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

ต้นฉบับ

#DDB99A

ตาบอดสีแดง

#CDCDA1

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

#D0D2A3

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

#DBA7A9

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

#BEBEBE

การใช้งาน CSS

background-color: #DDB99A;
color: #DDB99A;
border-color: #DDB99A;
Tailwind ที่ใกล้เคียงที่สุด: Orange 200 #FED7AA

เฉดสี Tailwind

50
#FBF7F4
100
#F5EDE6
200
#EDDACA
300
#E0C0A3
400
#CF9D72
500
#BF7B40
600
#996233
700
#7A4F29
800
#5F3D20
900
#462F1B
950
#2C1E11

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

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

1.83:1

AA Fail AAA Fail

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

11.48:1

AA Pass AAA Pass

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

#DDB99A
#9ABEDD
#DDB99A
#FFFFFF
#000000
#DDB99A

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

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

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

RGB(221, 185, 154) · HSL(27.8, 49.6%, 73.5%) · CMYK(0.0%, 16.3%, 30.3%, 13.3%)

Does #DDB99A meet WCAG contrast on white?

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

What text color is readable on #DDB99A?

Use 000000 text on a #DDB99A background; contrast on black is 11.48:1.