#CDF7D0

#CDF7D0

#F7CDF4

#F7CDF4

对比度

1.19:1

Delta E

50.82

Very Different

50:50 混合

#E4E3E2

颜色值

格式 #CDF7D0 #F7CDF4
HEX #CDF7D0 #F7CDF4
RGB 205, 247, 208 247, 205, 244
HSL 124.3, 72.4%, 88.6% 304.3, 72.4%, 88.6%
HSV 124.3, 17.0%, 96.9% 304.3, 17.0%, 96.9%
CMYK 17.0%, 0.0%, 15.8%, 3.1% 0.0%, 17.0%, 1.2%, 3.1%
OKLCH 0.9362 0.0679 146.9 0.896 0.0693 328.4

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F7CDF4 → 背景色: #CDF7D0

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

文本: #CDF7D0 → 背景色: #F7CDF4

色差 (Delta E)

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

渐变

#CDF7D0 #D5F0D6 #DDEADC #E4E3E2 #EBDCE8 #F1D4EE #F7CDF4

颜色混合

#CDF7D0

100%

#D9EDD9

75:25

#E4E3E2

50:50

#EED8EB

25:75

#F7CDF4

100%

CSS渐变代码

background: linear-gradient(to right, #CDF7D0, #F7CDF4);
background: linear-gradient(135deg, #CDF7D0, #F7CDF4);

探索每种颜色

#CDF7D0

查看完整颜色详情

#F7CDF4

查看完整颜色详情

相关比较