#AF2533

#AF2533

Overview

#AF2533 is a warm, dark color. In RGB it is 175, 37, 51, in HSL 353.9°, 65.1%, 41.6%, and in CMYK 0.0%, 78.9%, 70.9%, 31.4%. The nearest named color is brown.

On this page

ค่าสี

HEX

#AF2533

RGB

175, 37, 51

HSL

353.9, 65.1%, 41.6%

HSV

353.9, 78.9%, 68.6%

CMYK

0.0%, 78.9%, 70.9%, 31.4%

OKLCH

0.4958 0.173 21.4

คุณสมบัติ

อบอุ่น มืด ใกล้เคียงที่สุด: brown

จิตวิทยาสี

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.

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

สีตรงข้าม

#AF2533

#25AFA1

สีใกล้เคียง

#AF2578

#AF5C25

#AF2533

สามสี

#AF2533

#33AF25

#2533AF

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

#AF2533

#25AF5C

#2578AF

สี่สี

#AF2533

#78AF25

#25AFA1

#5C25AF

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

ต้นฉบับ

#AF2533

ตาบอดสีแดง

#737230

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

#7B862F

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

#A82D2C

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

#434343

การใช้งาน CSS

background-color: #AF2533;
color: #AF2533;
border-color: #AF2533;
Tailwind ที่ใกล้เคียงที่สุด: Rose 700 #BE123C

เฉดสี Tailwind

50
#FCF3F4
100
#F7E3E5
200
#F3C4C9
300
#EA9AA2
400
#DE6370
500
#D32C3D
600
#A82431
700
#871C27
800
#69161F
900
#4D141A
950
#310D10

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

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

6.7:1

AA Pass AAA Fail

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

3.14:1

AA Fail AAA Fail

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

#AF2533
#25AFA1
#AF2533
#FFFFFF
#000000
#AF2533

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #AF2533?

RGB(175, 37, 51) · HSL(353.9, 65.1%, 41.6%) · CMYK(0.0%, 78.9%, 70.9%, 31.4%)

Does #AF2533 meet WCAG contrast on white?

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

What text color is readable on #AF2533?

Use FFFFFF text on a #AF2533 background; contrast on black is 3.14:1.