#ADC4F2

#ADC4F2

#F2DBAD

#F2DBAD

对比度

1.3:1

Delta E

51.7

Very Different

50:50 混合

#D4CFD0

颜色值

格式 #ADC4F2 #F2DBAD
HEX #ADC4F2 #F2DBAD
RGB 173, 196, 242 242, 219, 173
HSL 220.0, 72.6%, 81.4% 40.0, 72.6%, 81.4%
HSV 220.0, 28.5%, 94.9% 40.0, 28.5%, 94.9%
CMYK 28.5%, 19.0%, 0.0%, 5.1% 0.0%, 9.5%, 28.5%, 5.1%
OKLCH 0.8189 0.0699 264.1 0.8991 0.065 84.5

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2DBAD → 背景色: #ADC4F2

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

文本: #ADC4F2 → 背景色: #F2DBAD

色差 (Delta E)

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

渐变

#ADC4F2 #BBC8E7 #C8CBDB #D4CFD0 #DFD3C5 #E9D7B9 #F2DBAD

颜色混合

#ADC4F2

100%

#C2C9E1

75:25

#D4CFD0

50:50

#E4D5BF

25:75

#F2DBAD

100%

CSS渐变代码

background: linear-gradient(to right, #ADC4F2, #F2DBAD);
background: linear-gradient(135deg, #ADC4F2, #F2DBAD);

探索每种颜色

#ADC4F2

查看完整颜色详情

#F2DBAD

查看完整颜色详情

相关比较