#45FDF2

#45FDF2

#FD4550

#FD4550

对比度

2.7:1

Delta E

128.48

Very Different

50:50 混合

#D4AF9D

颜色值

格式 #45FDF2 #FD4550
HEX #45FDF2 #FD4550
RGB 69, 253, 242 253, 69, 80
HSL 176.4, 97.9%, 63.1% 356.4, 97.9%, 63.1%
HSV 176.4, 72.7%, 99.2% 356.4, 72.7%, 99.2%
CMYK 72.7%, 0.0%, 4.3%, 0.8% 0.0%, 72.7%, 68.4%, 0.8%
OKLCH 0.9028 0.1431 188.9 0.6627 0.2192 22.5

对比度与无障碍

2.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FD4550 → 背景色: #45FDF2

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

文本: #45FDF2 → 背景色: #FD4550

色差 (Delta E)

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

渐变

#45FDF2 #94E4D5 #BBCAB9 #D4AF9D #E79282 #F47169 #FD4550

颜色混合

#45FDF2

100%

#AAD7C7

75:25

#D4AF9D

50:50

#EE8275

25:75

#FD4550

100%

CSS渐变代码

background: linear-gradient(to right, #45FDF2, #FD4550);
background: linear-gradient(135deg, #45FDF2, #FD4550);

探索每种颜色

#45FDF2

查看完整颜色详情

#FD4550

查看完整颜色详情

相关比较