#AD2102

#AD2102

Overview

#AD2102 is a warm, dark color. In RGB it is 173, 33, 2, in HSL 10.9°, 97.7%, 34.3%, and in CMYK 0.0%, 80.9%, 98.8%, 32.2%. The nearest named color is RAL 2001 Red Orange.

On this page

ค่าสี

HEX

#AD2102

RGB

173, 33, 2

HSL

10.9, 97.7%, 34.3%

HSV

10.9, 98.8%, 67.8%

CMYK

0.0%, 80.9%, 98.8%, 32.2%

OKLCH

0.4846 0.1788 32.7

คุณสมบัติ

อบอุ่น มืด ใกล้เคียงที่สุด: RAL 2001 Red 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.

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

สีตรงข้าม

#AD2102

#028EAD

สีใกล้เคียง

#AD0238

#AD7702

#AD2102

สามสี

#AD2102

#02AD21

#2102AD

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

#AD2102

#02AD77

#0238AD

สี่สี

#AD2102

#38AD02

#028EAD

#7702AD

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

ต้นฉบับ

#AD2102

ตาบอดสีแดง

#706F09

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

#78830B

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

#A60F11

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

#3D3D3D

การใช้งาน CSS

background-color: #AD2102;
color: #AD2102;
border-color: #AD2102;
Tailwind ที่ใกล้เคียงที่สุด: Red 700 #B91C1C

เฉดสี Tailwind

50
#FEF3F1
100
#FCE4DE
200
#FEC5B8
300
#FE9C86
400
#FD6644
500
#FC3003
600
#CA2702
700
#A11F02
800
#7E1801
900
#5B1506
950
#3A0D04

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

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

7.01:1

AA Pass AAA Pass

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

3.0:1

AA Fail AAA Fail

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

#AD2102
#028EAD
#AD2102
#FFFFFF
#000000
#AD2102

ส่วนหนึ่งของคอลเลกชันเหล่านี้

Ant Design Colors

Volcano 8

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

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

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

RGB(173, 33, 2) · HSL(10.9, 97.7%, 34.3%) · CMYK(0.0%, 80.9%, 98.8%, 32.2%)

Does #AD2102 meet WCAG contrast on white?

7.01:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.

What text color is readable on #AD2102?

Use FFFFFF text on a #AD2102 background; contrast on black is 3.0:1.