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

สี #ba855e: โทนละมุน สีส้ม

#ba855e คือ rgb(186, 133, 94) ใน RGB และ oklch(66.026% 0.08453 57.009) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

25°
100%

66%
0.085
57°
  • สีส้ม
  • ระดับกลาง
  • ละมุน
  • โทนร้อน
  • ≈ สีบรอนซ์
  • yellow-600
  • สีดำ 27%

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

ตัวอักษรสีขาว
3.18:1อ่านยาก
Lc -64
ตัวอักษรสีดำ
6.60:1อ่านง่าย · AA
Lc 45

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #ba855e

#ba855e เป็นโทนละมุน สีส้ม ใน OKLCH มีความสว่าง 66% ความสด 0.085 และฮิว 57°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีบรอนซ์ (#cd7f32) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ yellow-600

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

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

  1. ba855e
  2. c1916e
  3. c89d7e
  4. d0a98d
  5. d7b59d
  6. ddc1ad
  7. e4cdbd
  8. ebdace
  9. f2e6de
  10. f8f2ee

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

  1. ba855e
  2. a17351
  3. 896144
  4. 725037
  5. 5c402b
  6. 46301f
  7. 322114
  8. 1e130a
  9. 0d0603
  10. 020100

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

  1. ba855e
  2. b68764
  3. b38869
  4. af8a6f
  5. ab8b74
  6. a78c79
  7. a38e7f
  8. 9f8f84
  9. 9b9088
  10. 96918d

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

#ba855e คือสีอะไร

#ba855e เป็นโทนละมุน สีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีส้ม ใน RGB คือ rgb(186, 133, 94) ใน HSL คือ hsl(25.43, 40%, 54.9%) และใน OKLCH คือ oklch(66.026% 0.08453 57.009)

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

สีตรงข้ามของ #ba855e คือ #5d9ac0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #c17e76 และ #a98f53 ส่วนสีสามเส้าคือ #53a391 และ #9787c0

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

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

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

#ba855e เป็นสีโทนร้อน ใน OKLCH มีฮิว 57 องศา ความสว่าง 66% และความสด 0.085