#9FD0FD

#9FD0FD

#FDCC9F

#FDCC9F

对比度

1.11:1

Delta E

58.6

Very Different

50:50 混合

#D7CECE

颜色值

格式 #9FD0FD #FDCC9F
HEX #9FD0FD #FDCC9F
RGB 159, 208, 253 253, 204, 159
HSL 208.7, 95.9%, 80.8% 28.7, 95.9%, 80.8%
HSV 208.7, 37.2%, 99.2% 28.7, 37.2%, 99.2%
CMYK 37.2%, 17.8%, 0.0%, 0.8% 0.0%, 19.4%, 37.2%, 0.8%
OKLCH 0.8391 0.0815 246.6 0.8775 0.0809 64.0

对比度与无障碍

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDCC9F → 背景色: #9FD0FD

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

文本: #9FD0FD → 背景色: #FDCC9F

色差 (Delta E)

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

渐变

#9FD0FD #B5CFED #C7CFDE #D7CECE #E5CDBF #F1CDAF #FDCC9F

颜色混合

#9FD0FD

100%

#BECFE6

75:25

#D7CECE

50:50

#EBCDB7

25:75

#FDCC9F

100%

CSS渐变代码

background: linear-gradient(to right, #9FD0FD, #FDCC9F);
background: linear-gradient(135deg, #9FD0FD, #FDCC9F);

探索每种颜色

#9FD0FD

查看完整颜色详情

#FDCC9F

查看完整颜色详情

相关比较