#9FBFDC

#9FBFDC

#DCBC9F

#DCBC9F

对比度

1.07:1

Delta E

38.71

Very Different

50:50 混合

#C2BDBE

颜色值

格式 #9FBFDC #DCBC9F
HEX #9FBFDC #DCBC9F
RGB 159, 191, 220 220, 188, 159
HSL 208.5, 46.6%, 74.3% 28.5, 46.6%, 74.3%
HSV 208.5, 27.7%, 86.3% 28.5, 27.7%, 86.3%
CMYK 27.7%, 13.2%, 0.0%, 13.7% 0.0%, 14.5%, 27.7%, 13.7%
OKLCH 0.7908 0.054 245.9 0.8154 0.0538 64.2

对比度与无障碍

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCBC9F → 背景色: #9FBFDC

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

文本: #9FBFDC → 背景色: #DCBC9F

色差 (Delta E)

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

渐变

#9FBFDC #ACBED2 #B7BEC8 #C2BDBE #CBBDB3 #D4BCA9 #DCBC9F

颜色混合

#9FBFDC

100%

#B2BECD

75:25

#C2BDBE

50:50

#D0BDAE

25:75

#DCBC9F

100%

CSS渐变代码

background: linear-gradient(to right, #9FBFDC, #DCBC9F);
background: linear-gradient(135deg, #9FBFDC, #DCBC9F);

探索每种颜色

#9FBFDC

查看完整颜色详情

#DCBC9F

查看完整颜色详情

相关比较