สี #a3ccf5: โทนพาสเทล เฉดอ่อนของสีน้ำเงิน
#a3ccf5 คือ rgb(163, 204, 245) ใน RGB และ oklch(83.007% 0.07245 248.714) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีน้ำเงิน
- อ่อน
- ละมุน
- พาสเทล
- โทนเย็น
- ≈ สีฟ้าพาสเทล
- blue-300
- สีดำ 4%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
ล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #a3ccf5
#a3ccf5 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน OKLCH มีความสว่าง 83% ความสด 0.072 และฮิว 249°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 1.68:1 ส่วนสีดำได้ 12.51:1 จึงควรใช้ตัวอักษรสีดำ
ชื่อสีที่ใกล้ที่สุดคือ สีฟ้าพาสเทล (#89cff0) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ blue-300
อ่อนลง: #a3ccf5 ผสมสีขาว
เข้มขึ้น: #a3ccf5 ผสมสีดำ
นุ่มลง: #a3ccf5 ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #a3ccf5
คำถามเกี่ยวกับ #a3ccf5
#a3ccf5 คือสีอะไร
#a3ccf5 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(163, 204, 245) ใน HSL คือ hsl(210, 80.39%, 80%) และใน OKLCH คือ oklch(83.007% 0.07245 248.714)
สีอะไรเข้ากับ #a3ccf5
สีตรงข้ามของ #a3ccf5 คือ #e7bf95 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #91d3e7 และ #bcc3f7 ส่วนสีสามเส้าคือ #f2b4be และ #b9d19f
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #a3ccf5
ตัวอักษรสีดำอ่านง่ายกว่าบน #a3ccf5: สีขาวให้อัตราคอนทราสต์ 1.68:1 และสีดำให้ 12.51:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#a3ccf5 เป็นสีโทนร้อนหรือโทนเย็น
#a3ccf5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 249 องศา ความสว่าง 83% และความสด 0.072