#C2ECF6

#C2ECF6

#F6CCC2

#F6CCC2

对比度

1.16:1

Delta E

32.14

Very Different

50:50 混合

#DFDCDC

颜色值

格式 #C2ECF6 #F6CCC2
HEX #C2ECF6 #F6CCC2
RGB 194, 236, 246 246, 204, 194
HSL 191.5, 74.3%, 86.3% 11.5, 74.3%, 86.3%
HSV 191.5, 21.1%, 96.5% 11.5, 21.1%, 96.5%
CMYK 21.1%, 4.1%, 0.0%, 3.5% 0.0%, 17.1%, 21.1%, 3.5%
OKLCH 0.9166 0.0455 213.8 0.8787 0.0498 33.6

对比度与无障碍

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #F6CCC2 → 背景色: #C2ECF6

敏捷的棕色狐狸跳过了懒狗

文本: #C2ECF6 → 背景色: #F6CCC2

色差 (Delta E)

32.14 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#C2ECF6 #CDE7ED #D6E2E4 #DFDCDC #E8D7D3 #EFD2CB #F6CCC2

颜色混合

#C2ECF6

100%

#D2E4E9

75:25

#DFDCDC

50:50

#EBD4CF

25:75

#F6CCC2

100%

CSS渐变代码

background: linear-gradient(to right, #C2ECF6, #F6CCC2);
background: linear-gradient(135deg, #C2ECF6, #F6CCC2);

探索每种颜色

#C2ECF6

查看完整颜色详情

#F6CCC2

查看完整颜色详情

相关比较