#9DF9DB

#9DF9DB

#F99DBB

#F99DBB

对比度

1.61:1

Delta E

74.32

Very Different

50:50 混合

#D5CECB

颜色值

格式 #9DF9DB #F99DBB
HEX #9DF9DB #F99DBB
RGB 157, 249, 219 249, 157, 187
HSL 160.4, 88.5%, 79.6% 340.4, 88.5%, 79.6%
HSV 160.4, 36.9%, 97.6% 340.4, 36.9%, 97.6%
CMYK 36.9%, 0.0%, 12.0%, 2.4% 0.0%, 36.9%, 24.9%, 2.4%
OKLCH 0.9161 0.098 171.3 0.7969 0.1148 359.0

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F99DBB → 背景色: #9DF9DB

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

文本: #9DF9DB → 背景色: #F99DBB

色差 (Delta E)

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

渐变

#9DF9DB #B3EBD6 #C6DDD0 #D5CECB #E3BEC6 #EFAEC0 #F99DBB

颜色混合

#9DF9DB

100%

#BDE4D3

75:25

#D5CECB

50:50

#E9B6C3

25:75

#F99DBB

100%

CSS渐变代码

background: linear-gradient(to right, #9DF9DB, #F99DBB);
background: linear-gradient(135deg, #9DF9DB, #F99DBB);

探索每种颜色

#9DF9DB

查看完整颜色详情

#F99DBB

查看完整颜色详情

相关比较