#B3F6FD

#B3F6FD

#FDBAB3

#FDBAB3

对比度

1.36:1

Delta E

49.63

Very Different

50:50 混合

#E0D9D7

颜色值

格式 #B3F6FD #FDBAB3
HEX #B3F6FD #FDBAB3
RGB 179, 246, 253 253, 186, 179
HSL 185.7, 94.9%, 84.7% 5.7, 94.9%, 84.7%
HSV 185.7, 29.2%, 99.2% 5.7, 29.2%, 99.2%
CMYK 29.2%, 2.8%, 0.0%, 0.8% 0.0%, 26.5%, 29.2%, 0.8%
OKLCH 0.9309 0.0672 204.2 0.8488 0.0788 25.6

对比度与无障碍

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDBAB3 → 背景色: #B3F6FD

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

文本: #B3F6FD → 背景色: #FDBAB3

色差 (Delta E)

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

渐变

#B3F6FD #C4ECF0 #D3E3E4 #E0D9D7 #EBCFCB #F4C5BF #FDBAB3

颜色混合

#B3F6FD

100%

#CCE8EA

75:25

#E0D9D7

50:50

#F0CAC5

25:75

#FDBAB3

100%

CSS渐变代码

background: linear-gradient(to right, #B3F6FD, #FDBAB3);
background: linear-gradient(135deg, #B3F6FD, #FDBAB3);

探索每种颜色

#B3F6FD

查看完整颜色详情

#FDBAB3

查看完整颜色详情

相关比较