#8BC9FD

#8BC9FD

#FDBF8B

#FDBF8B

对比度

1.1:1

Delta E

70.31

Very Different

50:50 混合

#D2C4C4

颜色值

格式 #8BC9FD #FDBF8B
HEX #8BC9FD #FDBF8B
RGB 139, 201, 253 253, 191, 139
HSL 207.4, 96.6%, 76.9% 27.4, 96.6%, 76.9%
HSV 207.4, 45.1%, 99.2% 27.4, 45.1%, 99.2%
CMYK 45.1%, 20.6%, 0.0%, 0.8% 0.0%, 24.5%, 45.1%, 0.8%
OKLCH 0.8131 0.0975 244.7 0.8495 0.0981 60.9

对比度与无障碍

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDBF8B → 背景色: #8BC9FD

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

文本: #8BC9FD → 背景色: #FDBF8B

色差 (Delta E)

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

渐变

#8BC9FD #A8C7EA #BFC6D7 #D2C4C4 #E2C2B1 #F0C19E #FDBF8B

颜色混合

#8BC9FD

100%

#B4C7E1

75:25

#D2C4C4

50:50

#E9C2A8

25:75

#FDBF8B

100%

CSS渐变代码

background: linear-gradient(to right, #8BC9FD, #FDBF8B);
background: linear-gradient(135deg, #8BC9FD, #FDBF8B);

探索每种颜色

#8BC9FD

查看完整颜色详情

#FDBF8B

查看完整颜色详情

相关比较