#BADEF0

#BADEF0

#F0CCBA

#F0CCBA

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

1.05:1

Delta E

31.89

Very Different

ผสม 50:50

#D8D5D5

ค่าสี

รูปแบบ #BADEF0 #F0CCBA
HEX #BADEF0 #F0CCBA
RGB 186, 222, 240 240, 204, 186
HSL 200.0, 64.3%, 83.5% 20.0, 64.3%, 83.5%
HSV 200.0, 22.5%, 94.1% 20.0, 22.5%, 94.1%
CMYK 22.5%, 7.5%, 0.0%, 5.9% 0.0%, 15.0%, 22.5%, 5.9%
OKLCH 0.8804 0.0453 229.5 0.8712 0.0476 48.2

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

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

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

ข้อความ: #F0CCBA → พื้นหลัง: #BADEF0

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

ข้อความ: #BADEF0 → พื้นหลัง: #F0CCBA

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

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

ไล่ระดับสี

#BADEF0 #C5DBE7 #CFD8DE #D8D5D5 #E1D2CC #E9CFC3 #F0CCBA

การผสมสี

#BADEF0

100%

#CADAE2

75:25

#D8D5D5

50:50

#E5D1C7

25:75

#F0CCBA

100%

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

background: linear-gradient(to right, #BADEF0, #F0CCBA);
background: linear-gradient(135deg, #BADEF0, #F0CCBA);

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

#BADEF0

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

#F0CCBA

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

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