#CDF0DF

#CDF0DF

#F0CDDE

#F0CDDE

对比度

1.18:1

Delta E

31.37

Very Different

50:50 混合

#E0DFDF

颜色值

格式 #CDF0DF #F0CDDE
HEX #CDF0DF #F0CDDE
RGB 205, 240, 223 240, 205, 222
HSL 150.9, 53.8%, 87.3% 330.9, 53.8%, 87.3%
HSV 150.9, 14.6%, 94.1% 330.9, 14.6%, 94.1%
CMYK 14.6%, 0.0%, 7.1%, 5.9% 0.0%, 14.6%, 7.5%, 5.9%
OKLCH 0.9253 0.0431 164.6 0.8828 0.045 347.2

对比度与无障碍

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0CDDE → 背景色: #CDF0DF

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

文本: #CDF0DF → 背景色: #F0CDDE

色差 (Delta E)

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

渐变

#CDF0DF #D4EADF #DAE5DF #E0DFDF #E5D9DE #EBD3DE #F0CDDE

颜色混合

#CDF0DF

100%

#D7E8DF

75:25

#E0DFDF

50:50

#E8D6DE

25:75

#F0CDDE

100%

CSS渐变代码

background: linear-gradient(to right, #CDF0DF, #F0CDDE);
background: linear-gradient(135deg, #CDF0DF, #F0CDDE);

探索每种颜色

#CDF0DF

查看完整颜色详情

#F0CDDE

查看完整颜色详情

相关比较