#ADEFF9

#ADEFF9

#F9B7AD

#F9B7AD

对比度

1.33:1

Delta E

49.45

Very Different

50:50 混合

#DBD4D2

颜色值

格式 #ADEFF9 #F9B7AD
HEX #ADEFF9 #F9B7AD
RGB 173, 239, 249 249, 183, 173
HSL 187.9, 86.4%, 82.7% 7.9, 86.4%, 82.7%
HSV 187.9, 30.5%, 97.6% 7.9, 30.5%, 97.6%
CMYK 30.5%, 4.0%, 0.0%, 2.4% 0.0%, 26.5%, 30.5%, 2.4%
OKLCH 0.9114 0.0672 207.8 0.8378 0.0786 28.6

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F9B7AD → 背景色: #ADEFF9

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

文本: #ADEFF9 → 背景色: #F9B7AD

色差 (Delta E)

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

渐变

#ADEFF9 #BFE6EC #CEDDDF #DBD4D2 #E6CAC6 #F0C1B9 #F9B7AD

颜色混合

#ADEFF9

100%

#C7E2E6

75:25

#DBD4D2

50:50

#EBC6C0

25:75

#F9B7AD

100%

CSS渐变代码

background: linear-gradient(to right, #ADEFF9, #F9B7AD);
background: linear-gradient(135deg, #ADEFF9, #F9B7AD);

探索每种颜色

#ADEFF9

查看完整颜色详情

#F9B7AD

查看完整颜色详情

相关比较