#F70822

#F70822

Overview

#F70822 is a warm, light color. In RGB it is 247, 8, 34, in HSL 353.5°, 93.7%, 50.0%, and in CMYK 0.0%, 96.8%, 86.2%, 3.1%. The nearest named color is firebrick 1.

On this page

ค่าสี

HEX

#F70822

RGB

247, 8, 34

HSL

353.5, 93.7%, 50.0%

HSV

353.5, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 86.2%, 3.1%

OKLCH

0.6158 0.2484 26.5

คุณสมบัติ

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

จิตวิทยาสี

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

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

สีตรงข้าม

#F70822

#08F7DD

สีใกล้เคียง

#F70899

#F76608

#F70822

สามสี

#F70822

#22F708

#0822F7

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

#F70822

#08F766

#0899F7

สี่สี

#F70822

#99F708

#08F7DD

#6608F7

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

ต้นฉบับ

#F70822

ตาบอดสีแดง

#8F8D1C

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

#9DAF1A

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

#EB1716

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

#3D3D3D

การใช้งาน CSS

background-color: #F70822;

color: #F70822;

border-color: #F70822;

Tailwind ที่ใกล้เคียงที่สุด: Red 600 #DC2626

เฉดสี Tailwind

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

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

4.19:1

AA Fail AAA Fail

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

5.01:1

AA Pass AAA Fail

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

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

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

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

RGB(247, 8, 34) · HSL(353.5, 93.7%, 50.0%) · CMYK(0.0%, 96.8%, 86.2%, 3.1%)

Does #F70822 meet WCAG contrast on white?

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

What text color is readable on #F70822?

Use 000000 text on a #F70822 background; contrast on black is 5.01:1.