#9BCCC5

#9BCCC5

#CC9BA2

#CC9BA2

อัตราส่วนความเปรียบต่าง

1.35:1

Delta E

38.35

Very Different

ผสม 50:50

#B7B4B3

ค่าสี

รูปแบบ #9BCCC5 #CC9BA2
HEX #9BCCC5 #CC9BA2
RGB 155, 204, 197 204, 155, 162
HSL 171.4, 32.5%, 70.4% 351.4, 32.5%, 70.4%
HSV 171.4, 24.0%, 80.0% 351.4, 24.0%, 80.0%
CMYK 24.0%, 0.0%, 3.4%, 20.0% 0.0%, 24.0%, 20.6%, 20.0%
OKLCH 0.8088 0.0521 185.4 0.7373 0.0592 9.1

คอนทราสต์และการเข้าถึง

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

ความสามารถในการอ่านข้อความ

สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ

ข้อความ: #CC9BA2 → พื้นหลัง: #9BCCC5

สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ

ข้อความ: #9BCCC5 → พื้นหลัง: #CC9BA2

ความแตกต่างของสี (Delta E)

38.35 Very Different
0 — เหมือนกัน 5 — คล้ายคลึงกัน 25 — แตกต่างพอสังเกตได้ 100 — แตกต่างมาก

ไล่ระดับสี

#9BCCC5 #A6C4BF #AFBCB9 #B7B4B3 #BFACAD #C6A4A8 #CC9BA2

การผสมสี

#9BCCC5

100%

#AAC0BC

75:25

#B7B4B3

50:50

#C2A8AB

25:75

#CC9BA2

100%

โค้ดไล่ระดับสี CSS

background: linear-gradient(to right, #9BCCC5, #CC9BA2);
background: linear-gradient(135deg, #9BCCC5, #CC9BA2);

สำรวจแต่ละสี

#9BCCC5

ดูรายละเอียดสีทั้งหมด

#CC9BA2

ดูรายละเอียดสีทั้งหมด

การเปรียบเทียบที่เกี่ยวข้อง