สี #ccbbec: โทนพาสเทล เฉดอ่อนของสีม่วง

#ccbbec คือ rgb(204, 187, 236) ใน RGB และ oklch(82.237% 0.07011 300.726) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

Ctrl Vวางสีได้ทุกที่
Spaceสุ่มสี
Cคัดลอก HEX

ฮิว261°

ความทึบ100%

ความสว่าง82.2%

ความสด0.070

ฮิว301°

โทนพาสเทล เฉดอ่อนของสีม่วง#ccbbec

สีม่วง
อ่อน
ละมุน
พาสเทล
โทนกลาง

≈ สีเพอริวิงเคิล
violet-300
สีดำ 7%

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

ตัวอักษรสีขาว

1.77:1อ่านยาก

Lc -36

ตัวอักษรสีดำ

11.89:1อ่านง่าย · AA

Lc 71

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #ccbbec

#ccbbec เป็นโทนพาสเทล เฉดอ่อนของสีม่วง ใน OKLCH มีความสว่าง 82.2% ความสด 0.07 และฮิว 301°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีเพอริวิงเคิล (#ccccff) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ violet-300

สีม่วงอ่อนเพิ่มเติม

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

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

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

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

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

คู่ตรงข้าม

ข้างเคียง

สามเส้า

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

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

#ccbbec คือสีอะไร

#ccbbec เป็นโทนพาสเทล เฉดอ่อนของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีม่วง ใน RGB คือ rgb(204, 187, 236) ใน HSL คือ hsl(260.82, 56.32%, 82.94%) และใน OKLCH คือ oklch(82.237% 0.07011 300.726)

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

สีตรงข้ามของ #ccbbec คือ #becc99 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b4c3f3 และ #e0b5da ส่วนสีสามเส้าคือ #e7bb97 และ #92d4c7

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

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

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

#ccbbec เป็นสีโทนกลาง ใน OKLCH มีฮิว 301 องศา ความสว่าง 82.2% และความสด 0.07