#ABFCE4

#ABFCE4

#FCABC3

#FCABC3

对比度

1.51:1

Delta E

64.51

Very Different

50:50 混合

#DBD6D3

颜色值

格式 #ABFCE4 #FCABC3
HEX #ABFCE4 #FCABC3
RGB 171, 252, 228 252, 171, 195
HSL 162.2, 93.1%, 82.9% 342.2, 93.1%, 82.9%
HSV 162.2, 32.1%, 98.8% 342.2, 32.1%, 98.8%
CMYK 32.1%, 0.0%, 9.5%, 1.2% 0.0%, 32.1%, 22.6%, 1.2%
OKLCH 0.9322 0.0859 173.8 0.8259 0.0992 0.2

对比度与无障碍

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FCABC3 → 背景色: #ABFCE4

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

文本: #ABFCE4 → 背景色: #FCABC3

色差 (Delta E)

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

渐变

#ABFCE4 #BEEFDE #CEE3D9 #DBD6D3 #E8C8CE #F2BAC8 #FCABC3

颜色混合

#ABFCE4

100%

#C6E9DC

75:25

#DBD6D3

50:50

#EDC1CB

25:75

#FCABC3

100%

CSS渐变代码

background: linear-gradient(to right, #ABFCE4, #FCABC3);
background: linear-gradient(135deg, #ABFCE4, #FCABC3);

探索每种颜色

#ABFCE4

查看完整颜色详情

#FCABC3

查看完整颜色详情

相关比较