#F7B59B

#F7B59B

Overview

#F7B59B is a warm, light color. In RGB it is 247, 181, 155, in HSL 17.0°, 85.2%, 78.8%, and in CMYK 0.0%, 26.7%, 37.2%, 3.1%. The nearest named color is NCS S 0530-Y90R Light Orange.

On this page

ค่าสี

HEX

#F7B59B

RGB

247, 181, 155

HSL

17.0, 85.2%, 78.8%

HSV

17.0, 37.2%, 96.9%

CMYK

0.0%, 26.7%, 37.2%, 3.1%

OKLCH

0.8281 0.0852 42.4

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#F7B59B

#9BDDF7

สีใกล้เคียง

#F79BAF

#F7E39B

#F7B59B

สามสี

#F7B59B

#9BF7B5

#B59BF7

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

#F7B59B

#9BF7E3

#9BAFF7

สี่สี

#F7B59B

#AFF79B

#9BDDF7

#E39BF7

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

ต้นฉบับ

#F7B59B

ตาบอดสีแดง

#DADAA1

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

#DEE3A3

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

#F4A6A7

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

#C1C1C1

การใช้งาน CSS

background-color: #F7B59B;
color: #F7B59B;
border-color: #F7B59B;
Tailwind ที่ใกล้เคียงที่สุด: Red 300 #FCA5A5

เฉดสี Tailwind

50
#FDF5F2
100
#FAE8E0
200
#FACEBD
300
#F6AB8E
400
#F17E50
500
#EC5013
600
#BD400F
700
#97330C
800
#762809
900
#56200B
950
#361407

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

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

1.74:1

AA Fail AAA Fail

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

12.04:1

AA Pass AAA Pass

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

#F7B59B
#9BDDF7
#F7B59B
#FFFFFF
#000000
#F7B59B

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

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

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

RGB(247, 181, 155) · HSL(17.0, 85.2%, 78.8%) · CMYK(0.0%, 26.7%, 37.2%, 3.1%)

Does #F7B59B meet WCAG contrast on white?

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

What text color is readable on #F7B59B?

Use 000000 text on a #F7B59B background; contrast on black is 12.04:1.