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

สี #b0a855: โทนละมุน เฉดอ่อนของสีเหลือง

#b0a855 คือ rgb(176, 168, 85) ใน RGB และ oklch(72.07% 0.1056 103.752) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

55°
100%

72.1%
0.106
104°
  • สีเหลือง
  • อ่อน
  • ละมุน
  • โทนกลาง
  • ≈ สีคาเมล
  • olive-400
  • สีดำ 31%

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

ตัวอักษรสีขาว
2.45:1อ่านยาก
Lc -53
ตัวอักษรสีดำ
8.58:1อ่านง่าย · AA
Lc 56

เฉดสี

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

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

ล่าสุด

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

เกี่ยวกับ #b0a855

#b0a855 เป็นโทนละมุน เฉดอ่อนของสีเหลือง ใน OKLCH มีความสว่าง 72.1% ความสด 0.106 และฮิว 104°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีคาเมล (#c19a6b) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ olive-400

สีเหลืองอ่อนเพิ่มเติม

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

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

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

สีที่มีชื่อซึ่งคล้ายกัน

สีที่เข้ากับ #b0a855

คู่ตรงข้าม
ข้างเคียง
สามเส้า
คู่ตรงข้ามแยก

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

#b0a855 คือสีอะไร

#b0a855 เป็นโทนละมุน เฉดอ่อนของสีเหลือง ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีเหลือง ใน RGB คือ rgb(176, 168, 85) ใน HSL คือ hsl(54.73, 36.55%, 51.18%) และใน OKLCH คือ oklch(72.07% 0.1056 103.752)

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

สีตรงข้ามของ #b0a855 คือ #9c9ce5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #cc9a55 และ #8ab36e ส่วนสีสามเส้าคือ #4eb3d6 และ #d48ab5

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

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

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

#b0a855 เป็นสีโทนกลาง ใน OKLCH มีฮิว 104 องศา ความสว่าง 72.1% และความสด 0.106