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

#ccddef คือ rgb(204, 221, 239) ใน RGB และ oklch(89.032% 0.03083 249.705) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

ฮิว211°

ความทึบ100%

ความสว่าง89%

ความสด0.031

ฮิว250°

โทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน#ccddef

สีน้ำเงิน
อ่อนมาก
หม่น
พาสเทล
โทนเย็น

≈ สีเทาอ่อน
slate-300
สีดำ 6%

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

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

1.39:1อ่านยาก

Lc -21

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

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

Lc 85

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #ccddef

#ccddef เป็นโทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน ใน OKLCH มีความสว่าง 89% ความสด 0.031 และฮิว 250°

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

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

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

สีน้ำเงินอ่อนมากเพิ่มเติม

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

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

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

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

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

คู่ตรงข้าม

ข้างเคียง

สามเส้า

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

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

#ccddef คือสีอะไร

#ccddef เป็นโทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีน้ำเงิน ใน RGB คือ rgb(204, 221, 239) ใน HSL คือ hsl(210.86, 52.24%, 86.86%) และใน OKLCH คือ oklch(89.032% 0.03083 249.705)

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

สีตรงข้ามของ #ccddef คือ #e9d8c6 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #c5e0e9 และ #d6d9f0 ส่วนสีสามเส้าคือ #eed3d6 และ #d4dfca

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

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

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

#ccddef เป็นสีโทนเย็น ใน OKLCH มีฮิว 250 องศา ความสว่าง 89% และความสด 0.031