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

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

#ba855f คือ rgb(186, 133, 95) ใน RGB และ oklch(66.044% 0.08378 56.344) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

25°
100%

66%
0.084
56°
  • สีส้ม
  • ระดับกลาง
  • ละมุน
  • โทนร้อน
  • ≈ สีบรอนซ์
  • stone-400
  • สีดำ 27%

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

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

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #ba855f

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

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

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

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

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

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

  1. ba855f
  2. c1916f
  3. c89d7e
  4. d0a98e
  5. d7b59e
  6. ddc1ae
  7. e4cdbe
  8. ebdace
  9. f2e6de
  10. f8f2ee

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

  1. ba855f
  2. a17352
  3. 896144
  4. 725038
  5. 5c402c
  6. 463020
  7. 322115
  8. 1e130a
  9. 0d0603
  10. 020100

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

  1. ba855f
  2. b68765
  3. b3886a
  4. af8a70
  5. ab8b75
  6. a78c7a
  7. a38e7f
  8. 9f8f84
  9. 9b9089
  10. 97918d

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

#ba855f คือสีอะไร

#ba855f เป็นโทนละมุน สีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีส้ม ใน RGB คือ rgb(186, 133, 95) ใน HSL คือ hsl(25.05, 39.74%, 55.1%) และใน OKLCH คือ oklch(66.044% 0.08378 56.344)

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

สีตรงข้ามของ #ba855f คือ #5d9abf หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #c07e77 และ #a98f54 ส่วนสีสามเส้าคือ #54a391 และ #9788c0

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

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

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

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