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

สี #8a86ff: โทนสด สีคราม

#8a86ff คือ rgb(138, 134, 255) ใน RGB และ oklch(67.951% 0.1742 282.209) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

242°
100%

68%
0.174
282°
  • สีคราม
  • ระดับกลาง
  • สด
  • โทนเย็น
  • ≈ สีอเมทิสต์
  • indigo-400
  • สีดำ 0%

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

ตัวอักษรสีขาว
3.03:1อ่านยาก
Lc -62
ตัวอักษรสีดำ
6.93:1อ่านง่าย · AA
Lc 47

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #8a86ff

#8a86ff เป็นโทนสด สีคราม ใน OKLCH มีความสว่าง 68% ความสด 0.174 และฮิว 282°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีอเมทิสต์ (#9966cc) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ indigo-400

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

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

  1. 8a86ff
  2. 9493ff
  3. 9fa0ff
  4. aaacff
  5. b5b8ff
  6. c1c4ff
  7. cdd0ff
  8. d9dcff
  9. e6e8ff
  10. f2f3ff

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

  1. 8a86ff
  2. 7774de
  3. 6562be
  4. 53519e
  5. 424080
  6. 323063
  7. 222148
  8. 14132e
  9. 070616
  10. 010103

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

  1. 8a86ff
  2. 8b89f5
  3. 8c8beb
  4. 8d8ee1
  5. 8e90d7
  6. 8f92cd
  7. 9193c3
  8. 9395b8
  9. 9496ae
  10. 9697a3

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

#8a86ff คือสีอะไร

#8a86ff เป็นโทนสด สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด สีคราม ใน RGB คือ rgb(138, 134, 255) ใน HSL คือ hsl(241.98, 100%, 76.27%) และใน OKLCH คือ oklch(67.951% 0.1742 282.209)

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

สีตรงข้ามของ #8a86ff คือ #ad9a00 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #379aff และ #bc74e4 ส่วนสีสามเส้าคือ #ed6c33 และ #00b877

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

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

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

#8a86ff เป็นสีโทนเย็น ใน OKLCH มีฮิว 282 องศา ความสว่าง 68% และความสด 0.174