#B4FDDF

#B4FDDF

#FDB4D2

#FDB4D2

对比度

1.43:1

Delta E

61.92

Very Different

50:50 混合

#DEDAD9

颜色值

格式 #B4FDDF #FDB4D2
HEX #B4FDDF #FDB4D2
RGB 180, 253, 223 253, 180, 210
HSL 155.3, 94.8%, 84.9% 335.3, 94.8%, 84.9%
HSV 155.3, 28.9%, 99.2% 335.3, 28.9%, 99.2%
CMYK 28.9%, 0.0%, 11.9%, 0.8% 0.0%, 28.9%, 17.0%, 0.8%
OKLCH 0.9379 0.0831 167.2 0.8467 0.0924 352.9

对比度与无障碍

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDB4D2 → 背景色: #B4FDDF

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

文本: #B4FDDF → 背景色: #FDB4D2

色差 (Delta E)

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

渐变

#B4FDDF #C4F2DD #D2E6DB #DEDAD9 #EACED6 #F4C1D4 #FDB4D2

颜色混合

#B4FDDF

100%

#CBECDC

75:25

#DEDAD9

50:50

#EFC8D5

25:75

#FDB4D2

100%

CSS渐变代码

background: linear-gradient(to right, #B4FDDF, #FDB4D2);
background: linear-gradient(135deg, #B4FDDF, #FDB4D2);

探索每种颜色

#B4FDDF

查看完整颜色详情

#FDB4D2

查看完整颜色详情

相关比较