#E7C2BA

#E7C2BA

Overview

#E7C2BA is a warm, light color. In RGB it is 231, 194, 186, in HSL 10.7°, 48.4%, 81.8%, and in CMYK 0.0%, 16.0%, 19.5%, 9.4%. The nearest named color is NCS S 0520-R Light Pink.

On this page

ค่าสี

HEX

#E7C2BA

RGB

231, 194, 186

HSL

10.7, 48.4%, 81.8%

HSV

10.7, 19.5%, 90.6%

CMYK

0.0%, 16.0%, 19.5%, 9.4%

OKLCH

0.8438 0.0439 32.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#E7C2BA

#BADFE7

สีใกล้เคียง

#E7BAC9

#E7D9BA

#E7C2BA

สามสี

#E7C2BA

#BAE7C2

#C2BAE7

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

#E7C2BA

#BAE7D9

#BAC9E7

สี่สี

#E7C2BA

#C9E7BA

#BADFE7

#D9BAE7

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

ต้นฉบับ

#E7C2BA

ตาบอดสีแดง

#D7D7BC

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

#D9DCBC

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

#E5BDBE

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

#C9C9C9

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FAF5F4
100
#F4E8E6
200
#EDD0CA
300
#DFAFA4
400
#CE8373
500
#BD5842
600
#974635
700
#79382A
800
#5F2C21
900
#46231B
950
#2C1611

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

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

1.64:1

AA Fail AAA Fail

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

12.82:1

AA Pass AAA Pass

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

#E7C2BA
#BADFE7
#E7C2BA
#FFFFFF
#000000
#E7C2BA

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

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

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

RGB(231, 194, 186) · HSL(10.7, 48.4%, 81.8%) · CMYK(0.0%, 16.0%, 19.5%, 9.4%)

Does #E7C2BA meet WCAG contrast on white?

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

What text color is readable on #E7C2BA?

Use 000000 text on a #E7C2BA background; contrast on black is 12.82:1.