#98F8E4

#98F8E4

#F898AC

#F898AC

对比度

1.68:1

Delta E

73.63

Very Different

50:50 混合

#D4CBC7

颜色值

格式 #98F8E4 #F898AC
HEX #98F8E4 #F898AC
RGB 152, 248, 228 248, 152, 172
HSL 167.5, 87.3%, 78.4% 347.5, 87.3%, 78.4%
HSV 167.5, 38.7%, 97.3% 347.5, 38.7%, 97.3%
CMYK 38.7%, 0.0%, 8.1%, 2.7% 0.0%, 38.7%, 30.6%, 2.7%
OKLCH 0.9139 0.0958 179.2 0.7834 0.1169 6.6

对比度与无障碍

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F898AC → 背景色: #98F8E4

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

文本: #98F8E4 → 背景色: #F898AC

色差 (Delta E)

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

渐变

#98F8E4 #B1E9DA #C4DAD1 #D4CBC7 #E2BBBE #EEAAB5 #F898AC

颜色混合

#98F8E4

100%

#BBE2D6

75:25

#D4CBC7

50:50

#E8B2BA

25:75

#F898AC

100%

CSS渐变代码

background: linear-gradient(to right, #98F8E4, #F898AC);
background: linear-gradient(135deg, #98F8E4, #F898AC);

探索每种颜色

#98F8E4

查看完整颜色详情

#F898AC

查看完整颜色详情

相关比较