#C4F2FD

#C4F2FD

#FDCFC4

#FDCFC4

对比度

1.17:1

Delta E

35.06

Very Different

50:50 混合

#E4E1E0

颜色值

格式 #C4F2FD #FDCFC4
HEX #C4F2FD #FDCFC4
RGB 196, 242, 253 253, 207, 196
HSL 191.6, 93.4%, 88.0% 11.6, 93.4%, 88.0%
HSV 191.6, 22.5%, 99.2% 11.6, 22.5%, 99.2%
CMYK 22.5%, 4.3%, 0.0%, 0.8% 0.0%, 18.2%, 22.5%, 0.8%
OKLCH 0.9325 0.0494 213.9 0.8913 0.0544 33.7

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDCFC4 → 背景色: #C4F2FD

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

文本: #C4F2FD → 背景色: #FDCFC4

色差 (Delta E)

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

渐变

#C4F2FD #D0ECF3 #DBE7EA #E4E1E0 #EDDBD7 #F5D5CD #FDCFC4

颜色混合

#C4F2FD

100%

#D5E9EF

75:25

#E4E1E0

50:50

#F2D8D2

25:75

#FDCFC4

100%

CSS渐变代码

background: linear-gradient(to right, #C4F2FD, #FDCFC4);
background: linear-gradient(135deg, #C4F2FD, #FDCFC4);

探索每种颜色

#C4F2FD

查看完整颜色详情

#FDCFC4

查看完整颜色详情

相关比较