#B3CCF4

#B3CCF4

#F4DBB3

#F4DBB3

对比度

1.22:1

Delta E

45.9

Very Different

50:50 混合

#D7D3D4

颜色值

格式 #B3CCF4 #F4DBB3
HEX #B3CCF4 #F4DBB3
RGB 179, 204, 244 244, 219, 179
HSL 216.9, 74.7%, 82.9% 36.9, 74.7%, 82.9%
HSV 216.9, 26.6%, 95.7% 36.9, 26.6%, 95.7%
CMYK 26.6%, 16.4%, 0.0%, 4.3% 0.0%, 10.2%, 26.6%, 4.3%
OKLCH 0.8401 0.0625 259.8 0.9021 0.0592 79.5

对比度与无障碍

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F4DBB3 → 背景色: #B3CCF4

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

文本: #B3CCF4 → 背景色: #F4DBB3

色差 (Delta E)

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

渐变

#B3CCF4 #C0CEE9 #CCD1DF #D7D3D4 #E2D6C9 #EBD8BE #F4DBB3

颜色混合

#B3CCF4

100%

#C7D0E4

75:25

#D7D3D4

50:50

#E6D7C4

25:75

#F4DBB3

100%

CSS渐变代码

background: linear-gradient(to right, #B3CCF4, #F4DBB3);
background: linear-gradient(135deg, #B3CCF4, #F4DBB3);

探索每种颜色

#B3CCF4

查看完整颜色详情

#F4DBB3

查看完整颜色详情

相关比较