#D83756

#D83756

Overview

#D83756 is a warm, light color. In RGB it is 216, 55, 86, in HSL 348.4°, 67.4%, 53.1%, and in CMYK 0.0%, 74.5%, 60.2%, 15.3%. The nearest named color is Maroon.

On this page

ค่าสี

HEX

#D83756

RGB

216, 55, 86

HSL

348.4, 67.4%, 53.1%

HSV

348.4, 74.5%, 84.7%

CMYK

0.0%, 74.5%, 60.2%, 15.3%

OKLCH

0.5895 0.1963 15.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#D83756

#37D8B9

สีใกล้เคียง

#D837A7

#D86837

#D83756

สามสี

#D83756

#56D837

#3756D8

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

#D83756

#37D868

#37A7D8

สี่สี

#D83756

#A7D837

#37D8B9

#6837D8

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

ต้นฉบับ

#D83756

ตาบอดสีแดง

#92914F

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

#9CA84D

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

#D04947

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

#5B5B5B

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FCF3F5
100
#F7E3E7
200
#F3C3CD
300
#EB99A9
400
#E0617A
500
#D52A4B
600
#AB213C
700
#891B30
800
#6B1525
900
#4E131E
950
#310C13

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

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

4.56:1

AA Pass AAA Fail

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

4.6:1

AA Pass AAA Fail

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

#D83756
#37D8B9
#D83756
#FFFFFF
#000000
#D83756

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

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

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

RGB(216, 55, 86) · HSL(348.4, 67.4%, 53.1%) · CMYK(0.0%, 74.5%, 60.2%, 15.3%)

Does #D83756 meet WCAG contrast on white?

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

What text color is readable on #D83756?

Use 000000 text on a #D83756 background; contrast on black is 4.6:1.