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

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

#cc8554 คือ rgb(204, 133, 84) ใน RGB และ oklch(67.963% 0.10887 54.42) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

25°
100%

68%
0.109
54°
  • สีส้ม
  • ระดับกลาง
  • ละมุน
  • โทนร้อน
  • ≈ สีบรอนซ์
  • amber-600
  • สีดำ 20%

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

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

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #cc8554

#cc8554 เป็นโทนละมุน สีส้ม ใน OKLCH มีความสว่าง 68% ความสด 0.109 และฮิว 54°

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

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

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

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

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

  1. cc8554
  2. d29166
  3. d89d77
  4. dda988
  5. e2b699
  6. e8c2aa
  7. edceba
  8. f1dacb
  9. f6e6dc
  10. fbf3ee

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

  1. cc8554
  2. b17348
  3. 97613c
  4. 7e5031
  5. 654026
  6. 4e301b
  7. 372111
  8. 221308
  9. 0f0602
  10. 020100

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

  1. cc8554
  2. c7875c
  3. c28a64
  4. be8c6b
  5. b98e72
  6. b39079
  7. ae927f
  8. a99386
  9. a3958c
  10. 9e9792

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

#cc8554 คือสีอะไร

#cc8554 เป็นโทนละมุน สีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีส้ม ใน RGB คือ rgb(204, 133, 84) ใน HSL คือ hsl(24.5, 54.05%, 56.47%) และใน OKLCH คือ oklch(67.963% 0.10887 54.42)

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

สีตรงข้ามของ #cc8554 คือ #4aa3d1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #d37c77 และ #b79241 ส่วนสีสามเส้าคือ #3dae94 และ #9c8ad5

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

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

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

#cc8554 เป็นสีโทนร้อน ใน OKLCH มีฮิว 54 องศา ความสว่าง 68% และความสด 0.109