สี #aad5f2: โทนพาสเทล เฉดอ่อนมากของสีฟ้า
#aad5f2 คือ rgb(170, 213, 242) ใน RGB และ oklch(85.215% 0.06067 237.928) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีฟ้า
- อ่อนมาก
- ละมุน
- พาสเทล
- โทนเย็น
- ≈ สีฟ้าอ่อน
- blue-200
- สีดำ 5%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
ล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #aad5f2
#aad5f2 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน OKLCH มีความสว่าง 85.2% ความสด 0.061 และฮิว 238°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 1.55:1 ส่วนสีดำได้ 13.51:1 จึงควรใช้ตัวอักษรสีดำ
ชื่อสีที่ใกล้ที่สุดคือ สีฟ้าอ่อน (#add8e6) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ blue-200
อ่อนลง: #aad5f2 ผสมสีขาว
เข้มขึ้น: #aad5f2 ผสมสีดำ
นุ่มลง: #aad5f2 ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #aad5f2
คำถามเกี่ยวกับ #aad5f2
#aad5f2 คือสีอะไร
#aad5f2 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(170, 213, 242) ใน HSL คือ hsl(204.17, 73.47%, 80.78%) และใน OKLCH คือ oklch(85.215% 0.06067 237.928)
สีอะไรเข้ากับ #aad5f2
สีตรงข้ามของ #aad5f2 คือ #eec5a8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a0dae3 และ #bdcef7 ส่วนสีสามเส้าคือ #f1bfce และ #cad4a8
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #aad5f2
ตัวอักษรสีดำอ่านง่ายกว่าบน #aad5f2: สีขาวให้อัตราคอนทราสต์ 1.55:1 และสีดำให้ 13.51:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#aad5f2 เป็นสีโทนร้อนหรือโทนเย็น
#aad5f2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 238 องศา ความสว่าง 85.2% และความสด 0.061