#98ACF4

#98ACF4

#F4E098

#F4E098

对比度

1.67:1

Delta E

79.12

Very Different

50:50 混合

#CEC5C8

颜色值

格式 #98ACF4 #F4E098
HEX #98ACF4 #F4E098
RGB 152, 172, 244 244, 224, 152
HSL 227.0, 80.7%, 77.6% 47.0, 80.7%, 77.6%
HSV 227.0, 37.7%, 95.7% 47.0, 37.7%, 95.7%
CMYK 37.7%, 29.5%, 0.0%, 4.3% 0.0%, 8.2%, 37.7%, 4.3%
OKLCH 0.7567 0.1063 271.8 0.9068 0.0934 94.4

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F4E098 → 背景色: #98ACF4

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

文本: #98ACF4 → 背景色: #F4E098

色差 (Delta E)

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

渐变

#98ACF4 #ADB4E5 #BFBDD7 #CEC5C8 #DCCEB8 #E8D7A9 #F4E098

颜色混合

#98ACF4

100%

#B6B8DE

75:25

#CEC5C8

50:50

#E2D2B1

25:75

#F4E098

100%

CSS渐变代码

background: linear-gradient(to right, #98ACF4, #F4E098);
background: linear-gradient(135deg, #98ACF4, #F4E098);

探索每种颜色

#98ACF4

查看完整颜色详情

#F4E098

查看完整颜色详情

相关比较