สี #7bcfeb: โทนพาสเทล เฉดอ่อนของสีฟ้า

#7bcfeb คือ rgb(123, 207, 235) ใน RGB และ oklch(81.126% 0.09061 221.513) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

ฮิว195°

ความทึบ100%

ความสว่าง81.1%

ความสด0.091

ฮิว222°

โทนพาสเทล เฉดอ่อนของสีฟ้า#7bcfeb

สีฟ้า
อ่อน
ละมุน
พาสเทล
โทนเย็น

≈ สีฟ้า
sky-300
สีดำ 8%

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

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

1.75:1อ่านยาก

Lc -36

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

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

Lc 72

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #7bcfeb

#7bcfeb เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ใน OKLCH มีความสว่าง 81.1% ความสด 0.091 และฮิว 222°

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

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

ชื่อสีที่ใกล้ที่สุดคือ สีฟ้า (#87ceeb) ส่วนใน Tailwind CSS สีที่ใกล้ที่สุดคือ sky-300

สีฟ้าอ่อนเพิ่มเติม

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

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

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

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

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

คู่ตรงข้าม

ข้างเคียง

สามเส้า

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

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

#7bcfeb คือสีอะไร

#7bcfeb เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(123, 207, 235) ใน HSL คือ hsl(195, 73.68%, 70.2%) และใน OKLCH คือ oklch(81.126% 0.09061 221.513)

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

สีตรงข้ามของ #7bcfeb คือ #f4ae94 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #75d4d0 และ #96c6fb ส่วนสีสามเส้าคือ #eaaad2 และ #cdc47e

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

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

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

#7bcfeb เป็นสีโทนเย็น ใน OKLCH มีฮิว 222 องศา ความสว่าง 81.1% และความสด 0.091