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

สี #ccd7ba: โทนพาสเทล เฉดอ่อนมากของสีเขียวมะนาว

#ccd7ba คือ rgb(204, 215, 186) ใน RGB และ oklch(86.297% 0.04088 124.186) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

อ่านเป็น HEX

83°
100%

86.3%
0.041
124°
  • สีเขียวมะนาว
  • อ่อนมาก
  • หม่น
  • พาสเทล
  • โทนกลาง
  • ≈ สีเทาอ่อน
  • olive-300
  • สีดำ 16%

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

ตัวอักษรสีขาว
1.50:1อ่านยาก
Lc -27
ตัวอักษรสีดำ
14.00:1อ่านง่าย · AA
Lc 80

เฉดสี

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

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

ล่าสุด

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

เกี่ยวกับ #ccd7ba

#ccd7ba เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวมะนาว ใน OKLCH มีความสว่าง 86.3% ความสด 0.041 และฮิว 124°

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

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

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

สีเขียวมะนาวอ่อนมากเพิ่มเติม

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

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

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

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

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

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

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

#ccd7ba คือสีอะไร

#ccd7ba เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวมะนาว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวมะนาว ใน RGB คือ rgb(204, 215, 186) ใน HSL คือ hsl(82.76, 26.61%, 78.63%) และใน OKLCH คือ oklch(86.297% 0.04088 124.186)

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

สีตรงข้ามของ #ccd7ba คือ #d8cce8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #dad2b4 และ #bedac6 ส่วนสีสามเส้าคือ #bcd6eb และ #ebc7cf

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

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

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

#ccd7ba เป็นสีโทนกลาง ใน OKLCH มีฮิว 124 องศา ความสว่าง 86.3% และความสด 0.041