#45FDDF

#45FDDF

#FD4563

#FD4563

对比度

2.64:1

Delta E

128.53

Very Different

50:50 混合

#D0B09E

颜色值

格式 #45FDDF #FD4563
HEX #45FDDF #FD4563
RGB 69, 253, 223 253, 69, 99
HSL 170.2, 97.9%, 63.1% 350.2, 97.9%, 63.1%
HSV 170.2, 72.7%, 99.2% 350.2, 72.7%, 99.2%
CMYK 72.7%, 0.0%, 11.9%, 0.8% 0.0%, 72.7%, 60.9%, 0.8%
OKLCH 0.8971 0.1496 179.0 0.666 0.2185 16.6

对比度与无障碍

2.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FD4563 → 背景色: #45FDDF

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

文本: #45FDDF → 背景色: #FD4563

色差 (Delta E)

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

渐变

#45FDDF #90E4C9 #B6CBB3 #D0B09E #E4938A #F27276 #FD4563

颜色混合

#45FDDF

100%

#A5D8BE

75:25

#D0B09E

50:50

#EB8380

25:75

#FD4563

100%

CSS渐变代码

background: linear-gradient(to right, #45FDDF, #FD4563);
background: linear-gradient(135deg, #45FDDF, #FD4563);

探索每种颜色

#45FDDF

查看完整颜色详情

#FD4563

查看完整颜色详情

相关比较