สี #abcff2: โทนพาสเทล เฉดอ่อนของสีน้ำเงิน
#abcff2 คือ rgb(171, 207, 242) ใน RGB และ oklch(84.024% 0.06242 247.839) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง
อ่านเป็น HEX
- Ctrl Vวางสีได้ทุกที่
- Spaceสุ่มสี
- Cคัดลอก HEX
- สีน้ำเงิน
- อ่อน
- ละมุน
- พาสเทล
- โทนเย็น
- ≈ สีฟ้าอ่อน
- indigo-200
- สีดำ 5%
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
เฉดสี
ไล่จากอ่อนสุดไปเข้มสุด คลิกเฉดเพื่อใช้งาน
ชุดสีที่เข้ากัน
เปิดเป็นพาเลตล่าสุด
สีที่คุณเลือกหรือคัดลอกจะแสดงที่นี่ และเก็บไว้ในอุปกรณ์นี้เท่านั้น
เกี่ยวกับ #abcff2
#abcff2 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน OKLCH มีความสว่าง 84% ความสด 0.062 และฮิว 248°
อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
ตัวอักษรสีขาวบนสีนี้ได้คอนทราสต์ 1.62:1 ส่วนสีดำได้ 12.94:1 จึงควรใช้ตัวอักษรสีดำ
ชื่อสีที่ใกล้ที่สุดคือ สีฟ้าอ่อน (#add8e6) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ indigo-200
อ่อนลง: #abcff2 ผสมสีขาว
เข้มขึ้น: #abcff2 ผสมสีดำ
นุ่มลง: #abcff2 ลดความอิ่มตัว
สีที่มีชื่อซึ่งคล้ายกัน
สีที่เข้ากับ #abcff2
คำถามเกี่ยวกับ #abcff2
#abcff2 คือสีอะไร
#abcff2 เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(171, 207, 242) ใน HSL คือ hsl(209.58, 73.2%, 80.98%) และใน OKLCH คือ oklch(84.024% 0.06242 247.839)
สีอะไรเข้ากับ #abcff2
สีตรงข้ามของ #abcff2 คือ #e6c49f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9dd5e6 และ #c0c7f4 ส่วนสีสามเส้าคือ #f0bac3 และ #bfd3a8
ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #abcff2
ตัวอักษรสีดำอ่านง่ายกว่าบน #abcff2: สีขาวให้อัตราคอนทราสต์ 1.62:1 และสีดำให้ 12.94:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1
#abcff2 เป็นสีโทนร้อนหรือโทนเย็น
#abcff2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 248 องศา ความสว่าง 84% และความสด 0.062