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

สี #fac5b3: โทนพาสเทล เฉดอ่อนมากของสีส้ม

#fac5b3 คือ rgb(250, 197, 179) ใน RGB และ oklch(86.577% 0.06581 39.589) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

15°
100%

86.6%
0.066
40°
  • สีส้ม
  • อ่อนมาก
  • ละมุน
  • พาสเทล
  • โทนร้อน
  • ≈ สีแอปริคอต
  • red-200
  • สีดำ 2%

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

ตัวอักษรสีขาว
1.53:1อ่านยาก
Lc -28
ตัวอักษรสีดำ
13.70:1อ่านง่าย · AA
Lc 79

เฉดสี

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

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

ล่าสุด

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

เกี่ยวกับ #fac5b3

#fac5b3 เป็นโทนพาสเทล เฉดอ่อนมากของสีส้ม ใน OKLCH มีความสว่าง 86.6% ความสด 0.066 และฮิว 40°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีแอปริคอต (#fbceb1) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ red-200

เฉดสีส้มเพิ่มเติม

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

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

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

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

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

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

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

#fac5b3 คือสีอะไร

#fac5b3 เป็นโทนพาสเทล เฉดอ่อนมากของสีส้ม ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีส้ม ใน RGB คือ rgb(250, 197, 179) ใน HSL คือ hsl(15.21, 87.65%, 84.12%) และใน OKLCH คือ oklch(86.577% 0.06581 39.589)

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

สีตรงข้ามของ #fac5b3 คือ #a2def1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #fbc2c9 และ #f0cca4 ส่วนสีสามเส้าคือ #aee1c4 และ #c9cffe

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

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

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

#fac5b3 เป็นสีโทนร้อน ใน OKLCH มีฮิว 40 องศา ความสว่าง 86.6% และความสด 0.066