#9AF9B5

#9AF9B5

#F99ADE

#F99ADE

对比度

1.55:1

Delta E

98.56

Very Different

50:50 混合

#D3CECA

颜色值

格式 #9AF9B5 #F99ADE
HEX #9AF9B5 #F99ADE
RGB 154, 249, 181 249, 154, 222
HSL 137.1, 88.8%, 79.0% 317.1, 88.8%, 79.0%
HSV 137.1, 38.2%, 97.6% 317.1, 38.2%, 97.6%
CMYK 38.2%, 0.0%, 27.3%, 2.4% 0.0%, 38.2%, 10.8%, 2.4%
OKLCH 0.9055 0.1305 152.2 0.8037 0.1405 338.2

对比度与无障碍

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F99ADE → 背景色: #9AF9B5

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

文本: #9AF9B5 → 背景色: #F99ADE

色差 (Delta E)

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

渐变

#9AF9B5 #B0EBBC #C3DDC4 #D3CECA #E1BED1 #EEADD8 #F99ADE

颜色混合

#9AF9B5

100%

#BAE4C0

75:25

#D3CECA

50:50

#E8B5D4

25:75

#F99ADE

100%

CSS渐变代码

background: linear-gradient(to right, #9AF9B5, #F99ADE);
background: linear-gradient(135deg, #9AF9B5, #F99ADE);

探索每种颜色

#9AF9B5

查看完整颜色详情

#F99ADE

查看完整颜色详情

相关比较