#99DAF0

#99DAF0

#F0AF99

#F0AF99

对比度

1.21:1

Delta E

52.78

Very Different

50:50 混合

#CEC5C4

颜色值

格式 #99DAF0 #F0AF99
HEX #99DAF0 #F0AF99
RGB 153, 218, 240 240, 175, 153
HSL 195.2, 74.4%, 77.1% 15.2, 74.4%, 77.1%
HSV 195.2, 36.2%, 94.1% 15.2, 36.2%, 94.1%
CMYK 36.2%, 9.2%, 0.0%, 5.9% 0.0%, 27.1%, 36.2%, 5.9%
OKLCH 0.8522 0.0723 221.0 0.8094 0.0826 39.5

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0AF99 → 背景色: #99DAF0

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

文本: #99DAF0 → 背景色: #F0AF99

色差 (Delta E)

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

渐变

#99DAF0 #AED3E1 #BFCCD3 #CEC5C4 #DBBEB6 #E6B7A7 #F0AF99

颜色混合

#99DAF0

100%

#B7D0DA

75:25

#CEC5C4

50:50

#E1BAAE

25:75

#F0AF99

100%

CSS渐变代码

background: linear-gradient(to right, #99DAF0, #F0AF99);
background: linear-gradient(135deg, #99DAF0, #F0AF99);

探索每种颜色

#99DAF0

查看完整颜色详情

#F0AF99

查看完整颜色详情

相关比较