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

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

#ba855b คือ rgb(186, 133, 91) ใน RGB และ oklch(65.973% 0.08681 58.912) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

27°
100%

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

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

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

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #ba855b

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

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

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

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

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

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

  1. ba855b
  2. c1916b
  3. c89d7b
  4. d0a98c
  5. d7b59c
  6. ddc1ac
  7. e4cdbc
  8. ebdacd
  9. f2e6dd
  10. f8f2ee

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

  1. ba855b
  2. a1734e
  3. 896141
  4. 725035
  5. 5c4029
  6. 46301e
  7. 322113
  8. 1e1309
  9. 0d0603
  10. 020100

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

  1. ba855b
  2. b68761
  3. b38867
  4. af896d
  5. ab8b73
  6. a78c78
  7. a38d7d
  8. 9f8f83
  9. 9b9088
  10. 96918d

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

#ba855b คือสีอะไร

#ba855b เป็นโทนละมุน สีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีส้ม ใน RGB คือ rgb(186, 133, 91) ใน HSL คือ hsl(26.53, 40.77%, 54.31%) และใน OKLCH คือ oklch(65.973% 0.08681 58.912)

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

สีตรงข้ามของ #ba855b คือ #5d9ac2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #c27e73 และ #a88f51 ส่วนสีสามเส้าคือ #4ea493 และ #9986c0

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

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

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

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