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

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

#cc8563 คือ rgb(204, 133, 99) ใน RGB และ oklch(68.208% 0.09985 46.183) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

19°
100%

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

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

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

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #cc8563

#cc8563 เป็นโทนละมุน สีส้ม ใน OKLCH มีความสว่าง 68.2% ความสด 0.1 และฮิว 46°

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

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

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

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

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

  1. cc8563
  2. d29172
  3. d89d82
  4. dda991
  5. e2b5a1
  6. e8c2b0
  7. edcec0
  8. f1dacf
  9. f6e6df
  10. fbf3ef

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

  1. cc8563
  2. b17355
  3. 976147
  4. 7e503a
  5. 65402e
  6. 4e3021
  7. 372116
  8. 22130b
  9. 0f0603
  10. 020100

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

  1. cc8563
  2. c78769
  3. c38a6f
  4. be8c74
  5. b98e7a
  6. b4907f
  7. af9285
  8. a9948a
  9. a4958f
  10. 9e9794

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

#cc8563 คือสีอะไร

#cc8563 เป็นโทนละมุน สีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีส้ม ใน RGB คือ rgb(204, 133, 99) ใน HSL คือ hsl(19.43, 50.72%, 59.41%) และใน OKLCH คือ oklch(68.208% 0.09985 46.183)

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

สีตรงข้ามของ #cc8563 คือ #4aa5c8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #cf7f84 และ #bc904e ส่วนสีสามเส้าคือ #54ad8b และ #9490d4

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

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

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

#cc8563 เป็นสีโทนร้อน ใน OKLCH มีฮิว 46 องศา ความสว่าง 68.2% และความสด 0.1