สี #503a55: โทนหม่น เฉดเข้มของสีม่วง
#503a55 คือ rgb(80, 58, 85) ใน RGB และ oklch(38.369% 0.05298 320.022) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีม่วง
- เข้ม
- หม่น
- โทนกลาง
- ≈ สีมะเขือม่วง
- mauve-700
- สีดำ 67%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
ล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #503a55
#503a55 เป็นโทนหม่น เฉดเข้มของสีม่วง ใน OKLCH มีความสว่าง 38.4% ความสด 0.053 และฮิว 320°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 10.11:1 ส่วนสีดำได้ 2.08:1 จึงควรใช้ตัวอักษรสีขาว
ชื่อสีที่ใกล้ที่สุดคือ สีมะเขือม่วง (#614051) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ mauve-700
อ่อนลง: #503a55 ผสมสีขาว
เข้มขึ้น: #503a55 ผสมสีดำ
นุ่มลง: #503a55 ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #503a55
คำถามเกี่ยวกับ #503a55
#503a55 คือสีอะไร
#503a55 เป็นโทนหม่น เฉดเข้มของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีม่วง ใน RGB คือ rgb(80, 58, 85) ใน HSL คือ hsl(288.89, 18.88%, 28.04%) และใน OKLCH คือ oklch(38.369% 0.05298 320.022)
สีอะไรเข้ากับ #503a55
สีตรงข้ามของ #503a55 คือ #344a2f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #433e5e และ #593747 ส่วนสีสามเส้าคือ #524021 และ #194c4e
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #503a55
ตัวอักษรสีขาวอ่านง่ายกว่าบน #503a55: สีขาวให้อัตราคอนทราสต์ 10.11:1 และสีดำให้ 2.08:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#503a55 เป็นสีโทนร้อนหรือโทนเย็น
#503a55 เป็นสีโทนกลาง ใน OKLCH มีฮิว 320 องศา ความสว่าง 38.4% และความสด 0.053