#DCF6F3

#DCF6F3

#F6DCDF

#F6DCDF

对比度

1.14:1

Delta E

19.4

Noticeable

50:50 混合

#EAE9E9

颜色值

格式 #DCF6F3 #F6DCDF
HEX #DCF6F3 #F6DCDF
RGB 220, 246, 243 246, 220, 223
HSL 173.1, 59.1%, 91.4% 353.1, 59.1%, 91.4%
HSV 173.1, 10.6%, 96.5% 353.1, 10.6%, 96.5%
CMYK 10.6%, 0.0%, 1.2%, 3.5% 0.0%, 10.6%, 9.3%, 3.5%
OKLCH 0.9534 0.0274 188.3 0.9166 0.029 9.7

对比度与无障碍

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F6DCDF → 背景色: #DCF6F3

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

文本: #DCF6F3 → 背景色: #F6DCDF

色差 (Delta E)

19.4 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#DCF6F3 #E1F2F0 #E5EDEC #EAE9E9 #EEE5E6 #F2E0E2 #F6DCDF

颜色混合

#DCF6F3

100%

#E3F0EE

75:25

#EAE9E9

50:50

#F0E3E4

25:75

#F6DCDF

100%

CSS渐变代码

background: linear-gradient(to right, #DCF6F3, #F6DCDF);
background: linear-gradient(135deg, #DCF6F3, #F6DCDF);

探索每种颜色

#DCF6F3

查看完整颜色详情

#F6DCDF

查看完整颜色详情

相关比较