สี #badbb0: โทนพาสเทล เฉดอ่อนมากของสีเขียว

#badbb0 คือ rgb(186, 219, 176) ใน RGB และ oklch(85.607% 0.06809 138.45) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

ฮิว106°

ความทึบ100%

ความสว่าง85.6%

ความสด0.068

ฮิว138°

โทนพาสเทล เฉดอ่อนมากของสีเขียว#badbb0

สีเขียว
อ่อนมาก
หม่น
พาสเทล
โทนกลาง

≈ สีเทาอ่อน
olive-300
สีดำ 14%

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

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

1.52:1อ่านยาก

Lc -27

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

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

Lc 80

เฉดสี

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

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

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

ล่าสุด

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

เกี่ยวกับ #badbb0

#badbb0 เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียว ใน OKLCH มีความสว่าง 85.6% ความสด 0.068 และฮิว 138°

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

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

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

สีเขียวอ่อนมากเพิ่มเติม

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

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

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

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

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

คู่ตรงข้าม

ข้างเคียง

สามเส้า

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

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

#badbb0 คือสีอะไร

#badbb0 เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียว ใน RGB คือ rgb(186, 219, 176) ใน HSL คือ hsl(106.05, 37.39%, 77.45%) และใน OKLCH คือ oklch(85.607% 0.06809 138.45)

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

สีตรงข้ามของ #badbb0 คือ #e3c2ed หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #d3d4a0 และ #a4dfc8 ส่วนสีสามเส้าคือ #b5d2fd และ #f9bebf

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

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

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

#badbb0 เป็นสีโทนกลาง ใน OKLCH มีฮิว 138 องศา ความสว่าง 85.6% และความสด 0.068