#BAFCC4

#BAFCC4

#FCBAF2

#FCBAF2

对比度

1.32:1

Delta E

75.39

Very Different

50:50 混合

#DFDDDC

颜色值

格式 #BAFCC4 #FCBAF2
HEX #BAFCC4 #FCBAF2
RGB 186, 252, 196 252, 186, 242
HSL 129.1, 91.7%, 85.9% 309.1, 91.7%, 85.9%
HSV 129.1, 26.2%, 98.8% 309.1, 26.2%, 98.8%
CMYK 26.2%, 0.0%, 22.2%, 1.2% 0.0%, 26.2%, 4.0%, 1.2%
OKLCH 0.9325 0.1004 148.8 0.8665 0.1043 331.8

对比度与无障碍

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FCBAF2 → 背景色: #BAFCC4

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

文本: #BAFCC4 → 背景色: #FCBAF2

色差 (Delta E)

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

渐变

#BAFCC4 #C8F2CC #D4E8D4 #DFDDDC #EAD2E3 #F3C6EB #FCBAF2

颜色混合

#BAFCC4

100%

#CEEDD0

75:25

#DFDDDC

50:50

#EFCCE7

25:75

#FCBAF2

100%

CSS渐变代码

background: linear-gradient(to right, #BAFCC4, #FCBAF2);
background: linear-gradient(135deg, #BAFCC4, #FCBAF2);

探索每种颜色

#BAFCC4

查看完整颜色详情

#FCBAF2

查看完整颜色详情

相关比较