ข้ามไปยังเครื่องมือเลือกสี

สี #ba2f35: โทนสด สีแดง

#ba2f35 คือ rgb(186, 47, 53) ใน RGB และ oklch(52.439% 0.17533 23.574) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

357°
100%

52.4%
0.175
24°
  • สีแดง
  • ระดับกลาง
  • สด
  • โทนร้อน
  • ≈ สีน้ำตาล
  • red-700
  • สีดำ 27%

อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ

ตัวอักษรสีขาว
5.92:1อ่านง่าย · AA
Lc -84
ตัวอักษรสีดำ
3.55:1อ่านยาก
Lc 26

เฉดสี

ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน

ชุดสีที่เข้ากัน

เปิดเป็นพาเลต

ล่าสุด

สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น

เกี่ยวกับ #ba2f35

#ba2f35 เป็นโทนสด สีแดง ใน OKLCH มีความสว่าง 52.4% ความสด 0.175 และฮิว 24°

อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ

ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 5.92:1 ส่วนสีดำได้ 3.55:1 จึงควรใช้ตัวอักษรสีขาว

ชื่อสีที่ใกล้ที่สุดคือ สีน้ำตาล (#a52a2a) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ red-700

สีแดงระดับกลางเพิ่มเติม

อ่อนลง: #ba2f35 ผสมสีขาว

  1. ba2f35
  2. c44949
  3. cd5f5c
  4. d57470
  5. dd8883
  6. e49c97
  7. ebb0ab
  8. f1c3c0
  9. f6d7d5
  10. fbebea

เข้มขึ้น: #ba2f35 ผสมสีดำ

  1. ba2f35
  2. a1272d
  3. 892025
  4. 72191d
  5. 5c1215
  6. 460c0e
  7. 320608
  8. 1e0303
  9. 0d0101
  10. 020000

นุ่มลง: #ba2f35 ลดความอิ่มตัว

  1. ba2f35
  2. b3393b
  3. ac4241
  4. a54947
  5. 9e4f4c
  6. 965552
  7. 8e5a57
  8. 865e5c
  9. 7d6360
  10. 746665

คำถามเกี่ยวกับ #ba2f35

#ba2f35 คือสีอะไร

#ba2f35 เป็นโทนสด สีแดง ชื่อสีที่ใกล้ที่สุดคือ โทนสด สีแดง ใน RGB คือ rgb(186, 47, 53) ใน HSL คือ hsl(357.41, 59.66%, 45.69%) และใน OKLCH คือ oklch(52.439% 0.17533 23.574)

สีอะไรเข้ากับ #ba2f35

สีตรงข้ามของ #ba2f35 คือ #007b86 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b13072 และ #ab4900 ส่วนสีสามเส้าคือ #00820f และ #3262ce

ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #ba2f35

ตัวอักษรสีขาวอ่านง่ายกว่าบน #ba2f35: สีขาวให้อัตราคอนทราสต์ 5.92:1 และสีดำให้ 3.55:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1

#ba2f35 เป็นสีโทนร้อนหรือโทนเย็น

#ba2f35 เป็นสีโทนร้อน ใน OKLCH มีฮิว 24 องศา ความสว่าง 52.4% และความสด 0.175