#CFE2FF

#CFE2FF

#FFECCF

#FFECCF

对比度

1.14:1

Delta E

33.01

Very Different

50:50 混合

#E9E7E7

颜色值

格式 #CFE2FF #FFECCF
HEX #CFE2FF #FFECCF
RGB 207, 226, 255 255, 236, 207
HSL 216.3, 100.0%, 90.6% 36.3, 100.0%, 90.6%
HSV 216.3, 18.8%, 100.0% 36.3, 18.8%, 100.0%
CMYK 18.8%, 11.4%, 0.0%, 0.0% 0.0%, 7.5%, 18.8%, 0.0%
OKLCH 0.9078 0.0448 258.8 0.9508 0.0433 78.5

对比度与无障碍

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FFECCF → 背景色: #CFE2FF

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

文本: #CFE2FF → 背景色: #FFECCF

色差 (Delta E)

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

渐变

#CFE2FF #D8E4F7 #E1E5EF #E9E7E7 #F1E9DF #F8EAD7 #FFECCF

颜色混合

#CFE2FF

100%

#DDE4F3

75:25

#E9E7E7

50:50

#F4E9DB

25:75

#FFECCF

100%

CSS渐变代码

background: linear-gradient(to right, #CFE2FF, #FFECCF);
background: linear-gradient(135deg, #CFE2FF, #FFECCF);

探索每种颜色

#CFE2FF

查看完整颜色详情

#FFECCF

查看完整颜色详情

相关比较