#CF541B

#CF541B

Overview

#CF541B is a warm, light color. In RGB it is 207, 84, 27, in HSL 19.0°, 76.9%, 45.9%, and in CMYK 0.0%, 59.4%, 87.0%, 18.8%. The nearest named color is NCS S 1070-Y80R Orange.

On this page

ค่าสี

HEX

#CF541B

RGB

207, 84, 27

HSL

19.0, 76.9%, 45.9%

HSV

19.0, 87.0%, 81.2%

CMYK

0.0%, 59.4%, 87.0%, 18.8%

OKLCH

0.5991 0.1689 41.6

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: NCS S 1070-Y80R Orange

จิตวิทยาสี

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

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

สีตรงข้าม

#CF541B

#1B96CF

สีใกล้เคียง

#CF1B3C

#CFAE1B

#CF541B

สามสี

#CF541B

#1BCF54

#541BCF

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

#CF541B

#1BCFAE

#1B3CCF

สี่สี

#CF541B

#3CCF1B

#1B96CF

#AE1BCF

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

ต้นฉบับ

#CF541B

ตาบอดสีแดง

#9A9929

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

#A1AA2C

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

#C93436

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

#6A6A6A

การใช้งาน CSS

background-color: #CF541B;
color: #CF541B;
border-color: #CF541B;
Tailwind ที่ใกล้เคียงที่สุด: Orange 700 #C2410C

เฉดสี Tailwind

50
#FCF6F2
100
#F9E9E1
200
#F7D1C0
300
#F1B193
400
#E98658
500
#E25C1D
600
#B44918
700
#903B13
800
#712E0F
900
#52240F
950
#341709

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

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

4.25:1

AA Fail AAA Fail

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

4.94:1

AA Pass AAA Fail

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

#CF541B
#1B96CF
#CF541B
#FFFFFF
#000000
#CF541B

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

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

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

RGB(207, 84, 27) · HSL(19.0, 76.9%, 45.9%) · CMYK(0.0%, 59.4%, 87.0%, 18.8%)

Does #CF541B meet WCAG contrast on white?

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

What text color is readable on #CF541B?

Use 000000 text on a #CF541B background; contrast on black is 4.94:1.